@charset "utf-8";/*加载字体*/ @font-face{font-family:'misl';src:url("../fonts/MiSans-Light.ttf");} @font-face{font-family:'misdbold';src:url("../fonts/MiSans-Demibold.ttf");} @font-face{font-family:'misn';src:url("../fonts/MiSans-Normal.ttf");} @font-face{font-family:'misreg';src:url("../fonts/MiSans-Regular.ttf");} @font-face{font-family:'missbold';src:url("../fonts/MiSans-Semibold.ttf");} @font-face{font-family:'mismed';src:url("../fonts/MiSans-Medium.ttf");} @font-face{font-family:'dbold';src:url("../fonts/D-DIN-Bold.ttf");} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,header,main,footer,aside,section,article,nav{padding:0;margin:0;} fieldset,img{border:0;} table{border-collapse:collapse;border-spacing:0;} ol,ul{list-style-type:none;} address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;} p:before,q:after{content:'';} abbr,acronym{border:0;} a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .clr{HEIGHT:0px;VISIBILITY:hidden;CLEAR:both;FONT-SIZE:0px;OVERFLOW:hidden;width:100%;} body,samp{font-size:12px;color:#333;font-family:'微软雅黑','Microsoft YaHei',"Arial",'SimSun',Serif,"PingFang SC","苹方";} img{vertical-align:bottom;} input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;} body{opacity:0;animation:show 0.6s ease 0.2s 1;animation-fill-mode:forwards;} .mCustomScrollbar{-ms-touch-action:none;touch-action:none;} .mCustomScrollbar.mCS_no_scrollbar{-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_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;height:auto;left:auto;top:0;right:0;bottom:0;} .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;height:100%;margin:0 auto;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;} .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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .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{display:none;background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .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,0.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,0.15);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,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,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,0.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,0.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,0.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,0.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,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,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,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,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,0.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,0.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,0.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,0.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,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,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,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,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,0.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,0.15);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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,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,0.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,0.75);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,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,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,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,0.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,0.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,0.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.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,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.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,0.5),inset 0 -1px 1px rgba(255,255,255,0.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,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,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;} .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;} .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,0.1),inset 0 0 14px rgba(0,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,0.1),inset 0 0 14px rgba(0,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{box-shadow:inset 1px 0 0 rgba(255,255,255,0.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,0.4);} .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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto;} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,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,0.2);} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,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,0.4),inset -1px 0 0 rgba(0,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,0.4),inset 0 -1px 0 rgba(0,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,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);} .mCS-3d-thick-dark.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 .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .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,0.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,0.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,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,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,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,0.75);} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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,0.9);} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,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,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,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,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,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,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,0.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,0.2);} .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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,0.9);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.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,0.9);} .mCSB_scrollTools .mCSB_dragger,.mCSB_inside > .mCSB_container{transition:top 0.4s ease;} .mCSB_inside > .mCSB_container{width:100%;box-sizing:border-box;} .mCS_no_scrollbar .mCSB_inside > .mCSB_container{padding-right:0px !important;} .mCSB_scrollTools:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;} img{-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .menu span,.header-right,.search,.search form,.header-lang p,.banner .swiper-pagination span:before,.banner .swiper-pagination span:after{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} /*share*/ .weixin-prop{width:300px;height:380px;border:1px #ddd solid;background:#fff;position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px;z-index:2345667;} .weixin-close{width:25px;height:25px;position:absolute;right:10px;top:10px;line-height:30px;text-align:center;font-size:20px;color:#333;cursor:pointer;} .weixin-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);} .weixin-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);} .weixin-img{float:left;width:250px;margin:60px 0px 0px 25px;} .weixin-img canvas{width:250px;height:250px;} .weixin-prop p{float:left;width:100%;overflow:hidden;font-size:14px;text-align:center;color:#222;} /*swiper*/ .swiper{height:100%;} .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto;} .swiper-button-prev,.swiper-button-next{background:none;} .swiper-button-prev::after,.swiper-button-next::after{content:"";} .swiper-button-prev:focus,.swiper-button-next:focus,.swiper-pagination-bullet:focus{outline:none;} .swiper-button-prev{left:0px;opacity:1;} .swiper-button-next{right:0px;opacity:1;} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.hinge{-webkit-animation-duration:5s;animation-duration:5s;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} .move1,.move2,.move3,.move4,.move5{opacity:0;transition:all 0.8s ease 0.3s;} .move1{transform:translateY(70px);} .move2{transform:translateY(-70px);} .move3{transform:translateX(70px);} .move4{transform:translateX(-70px);} .move5{transform:translateY(70px);} .move1.move-run,.move2.move-run{transform:translateY(0px);opacity:1;} .move3.move-run,.move4.move-run{transform:translateY(0px);opacity:1;} .move5.move-run{transform:translateY(0px);opacity:1;} /*video*/ .video-prop{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:1000;background:rgba(0,0,0,0.6);text-align:center;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .video-prop:before{height:100%;content:"";display:inline-block;vertical-align:middle;} .video-center{width:65%;vertical-align:middle;display:inline-block;position:relative;} .video-center video{width:100%;height:auto;display:block;} .video-close{width:36px;height:36px;overflow:hidden;position:absolute;right:-18px;top:-18px;z-index:12;border-radius:50%;background:#fafafa;text-align:center;cursor:pointer;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .video-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);} .video-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);} .video-close:hover{transform:rotate(180deg);} .video-active{opacity:1;visibility:visible;} @media screen and (max-width:768px){.video-center{width:90%;} .video-close{width:32px;height:32px;right:-16px;top:-16px;} } @keyframes show{0%{opacity:0;} 100%{opacity:1;} } @keyframes suofang{0%{transform:scale(1);} 100%{transform:scale(1.3);} } @keyframes cir{0%{transform:scale(1);opacity:0.6;} 100%{transform:scale(8);opacity:0;} } @keyframes updown{0%{opacity:0;transform:translateY(60px);} 100%{opacity:1;transform:translateY(0px);} } .banner-center,.hjs-head,.hjs-content,.home-2head,.home-3center,.banner-wz,.banner-bottom,.news-form,.news-page,.banner-ver,.zp-1,.zp-2,.zpinfo-content,.js-2content .swiper,.js-3content,.cz-2content,.pro-1content,.pro-3,.pro-tj{width:83.33%;} .banner-center .h3,.banner-wz .h3{font-size:50px;} .banner-info{font-size:22px;} .hpro-left .h3,.hjs-head .h3,.home-2head .h3,.hnews-left .h3,.hcor-head .h3{font-size:44px;} .hpro-left p,.hjs-head p,.home-2head p,.hnews-left p,.hcor-head p,.about-1info,.zp-1info{font-size:20px;} .footer-2,.hpro-left p,.hpro-head ul li,.hpro-item p,.hjs-head p,.home-2head p,.hnews-left p,.hnews-left ul li a,.hcor-head p,.detail-1,.about-2 ul li em,.zpinfo-title span,.js-1head p,.cz-1item span{font-family:"misl";} .header,.banner-center,.hpro-model p,.hjs-item p,.hjs-model p,.zh-item p,.zh-item samp,.banner-ver .h1,.detail-des,.detail-right ul li a,.zl ul li a,.xc-1 ul li a,.wt-right,.about-1info,.about-3model p,.zp-1info,.js-1model p,.cz-1ver p,.other-1 ul li,.pro-slide span a,.pro-content ul li span,.pro-4cont p,.pinfo-2price p span,.pinfo-2gg span,.pinfo-2num p span,.pinfo-4content ul li span,.pinfo-4content ul li p,.pinfo-4info,.pinfo-4des{font-family:"misn";} .home-ad .h3,.banner-wz .h3,.pinfo-2right .h3{font-family:"misdbold";} .footer-1,.hpro-item em,.hjs-more em,.home-1head .h3,.home-1info,.home-1more a,.hnews-top span,.hnews-top em,.hnews-bottom span,.hnews-bottom em,.home-3right span a,.home-3right p em,.banner-info,.bread,.col ul li a,.news-form,.news-cont,.news-page a,.zh-item em,.detail-body,.detail-2 span a,.detail-right .h3,.detail-card span,.zl-1,.zl-1 .txt4,.zl-1 .bt4,.xc-cont,.wx-top span,.wx-top em,.wx-cont,.wt-title,.zb-cont span,.zb-cont p,.about-4model span,.about-4model em,.zpinfo-title span:nth-child(1),.contact-left ul,.contact-item span,.contact-pannel em,.contact-pannel span,.contact-pannel p,.jx-model ul li,.js-1title,.js-1model span,.js-1more em,.js-2item p,.js-3item span,.other-1pannel span,.other-1info,.pro-1item span,.pro-left ul li a,.pro-right .h4,.pro-info,.pro-head,.pro-page a,.pro-4cont em,.pinfo-4head span,.pinfo-ver em,.leaf-1 span,.leaf-1 p,.leaf-2,.leaf-1 em,.leaf-4 span,.leaf-4 em,.leaf-head span,.leaf-input label,.leaf-text label,.leaf-button input{font-family:"misreg";} .hpro-left .h3,.hjs-head .h3,.hjs-item span,.home-2head .h3,.hnews-left .h3,.hcor-head .h3,.about-2 ul li span,.contact-left .h3,.pinfo-2price p em,.pinfo-2slide em,.pinfo-2num p em,.pinfo-ver span{font-family:"missbold";} .banner-center .h3 span,.hpro-item span,.hpro-model span,.hjs-model span,.home-2model span,.home-2model p em,.home-3left,.zh-item span,.zl-3,.about-1 .h3,.about-3 .h3,.about-3model span,.about-4 .h3,.zp-1 .h3,.zpinfo-model .h4,.jx .h3,.jx-model span,.js-1head .h3,.js-2item span,.cz-1 .h3,.cz-1ver span,.cz-2 .h3,.other-2item span,.pro-1 .h3,.pro-2 .h3,.pro-2item span,.pro-left .h3,.pro-tj .h3,.pro-4cont span,.ly .h3,.pinfo-5 .h3{font-family:"mismed";} .header-phone,.footer-1right em,.home-1 ul li span em,.about-1num span{font-family:"dbold";} /*header*/ .header{width:100%;box-sizing:border-box;padding:0px 80px 0px 100px;height:100px;position:fixed;left:0px;top:0px;z-index:500;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;background:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.03);} .header:before{width:100%;height:1px;content:"";position:absolute;left:0px;bottom:0px;background:rgba(255,255,255,0.1);} .logo{width:212px;overflow:hidden;height:100%;position:relative;} .logo a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .logo img{width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;} .logo img:last-child{opacity:0;} .header-right{width:auto;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;height:100%;} .search{width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.6);z-index:500;opacity:0;visibility:hidden;} .search form{width:80%;height:60px;margin:100px auto 0px;background:#fff;position:relative;transform:translateY(-100px);} .search form .txt{width:100%;height:100%;overflow:hidden;display:block;box-sizing:border-box;padding:0px 20px 0px 60px;} .search form .bt{width:50px;height:100%;overflow:hidden;display:block;position:absolute;left:0px;top:0px;background:url("../images/search-1.png") no-repeat center;cursor:pointer;} .search.search-active{opacity:1;visibility:visible;} .search.search-active form{transform:translateY(0px);} .menu{display:none;} .sj-lang{display:none;} .header-right ul{width:auto;height:100%;position:relative;} .header-line{height:1px;background:#12294f;position:absolute;left:0px;bottom:0px;-webkit-transition:all 0.7s ease 0.1s;-moz-transition:all 0.7s ease 0.1s;-ms-transition:all 0.7s ease 0.1s;-o-transition:all 0.7s ease 0.1s;transition:all 0.7s ease 0.1s;} .header-right ul li{float:left;width:auto;height:100%;position:relative;margin-left:50px;} .header-right ul li samp{display:none;} .header-right ul li span{float:left;width:auto;overflow:hidden;height:100px;line-height:100px;} .header-right ul li span a{width:100%;height:100%;display:block;color:#12294f;position:relative;font-size:18px;} .sub-nav{width:auto;min-width:150px;position:absolute;left:50%;transform:translateX(-50%) scaleY(0);top:100px;background:rgba(255,255,255,0.9);border-radius:0px 0px 4px 4px;box-shadow:0px 4px 12px 4px rgba(0,0,0,0.03);transform-origin:top;opacity:0;-webkit-transition:all 0.5s ease 0.06s;-moz-transition:all 0.5s ease 0.06s;-ms-transition:all 0.5s ease 0.06s;-o-transition:all 0.5s ease 0.06s;transition:all 0.5s ease 0.06s;} .sub-nav p{width:100%;overflow:hidden;padding:10px 0px;} .sub-nav p em{width:100%;display:block;position:relative;height:40px;line-height:40px;text-align:center;padding:0px 15px;box-sizing:border-box;} .sub-nav p em:before{width:0%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:1;background:#2a4299;-webkit-transition:all 0.5s ease 0.06s;-moz-transition:all 0.5s ease 0.06s;-ms-transition:all 0.5s ease 0.06s;-o-transition:all 0.5s ease 0.06s;transition:all 0.5s ease 0.06s;} .sub-nav p em a{width:100%;display:block;overflow:hidden;color:#12294f;position:relative;z-index:2;white-space:pre;font-size:14px;} .sub-nav p em:hover:before{width:100%;} .sub-nav p em:hover a{color:#fff;} .header-right ul li:hover .sub-nav{transform:translateX(-50%) scaleY(1);opacity:1;} .header-phone{width:auto;margin-left:58px;position:relative;padding-left:28px;font-size:18px;color:#12294f;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .header-phone:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-1.png") no-repeat left center;opacity:1;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .header-phone:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-1-1.png") no-repeat left center;opacity:0;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .header-search{width:192px;height:40px;line-height:40px;border-radius:20px;background:#a1a9bb;margin-left:36px;position:relative;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .header-search .txt2{width:100%;height:100%;background:none;font-size:14px;color:#fff;box-sizing:border-box;padding:0px 50px 0px 25px;} .header-search .bt2{width:20px;height:100%;background:none;position:absolute;right:15px;top:0px;background:url("../images/search.png") no-repeat center;cursor:pointer;} .header-lang{width:auto;position:relative;margin-left:14px;cursor:pointer;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .header-lang span{float:left;width:40px;height:40px;border-radius:50%;position:relative;background:#a1a9bb;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .header-lang span:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;} .header-lang p{width:80px;position:absolute;left:50%;top:90px;background:#fff;z-index:12;box-shadow:0px 0px 11px 6px rgba(0,0,0,0.1);border-radius:4px;padding:5px 0px;opacity:0;visibility:hidden;transform:translateX(-50%) scale(0);} .header-lang p:before{width:auto;content:"";border-left:7px transparent solid;border-right:7px transparent solid;border-bottom:7px #fff solid;position:absolute;left:30px;top:-7px;} .header-lang p a{float:left;width:100%;height:30px;line-height:30px;text-align:center;font-size:14px;color:#333;} .header-lang p a:hover{color:#2a4299;} .header-lang:hover p{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);} .home .header{background:rgba(255,255,255,0);box-shadow:none;} .home .logo img{opacity:0;} .home .logo img:last-child{opacity:1;} .home .header-right ul li span a{color:#fff;} .home .header-line{background:#fff;} .home .header-phone{color:#fff;} .home .header-phone:before{opacity:0;} .home .header-phone:after{opacity:1;} .home .header-search,.home .header-lang span{background:rgba(255,255,255,0.15);} .header:hover{background:#fff !important;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.03) !important;} .header:hover .logo img{opacity:1 !important;} .header:hover .logo img:last-child{opacity:0 !important;} .header:hover .header-right ul li span a{color:#12294f !important;} .header:hover .header-phone{color:#12294f !important;} .header:hover .header-phone:before{opacity:1 !important;} .header:hover .header-phone:after{opacity:0 !important;} .header:hover .header-search,.header:hover .header-lang span{background:#a1a9bb !important;} .header:hover .header-line{background:#12294f !important;} .header-scroll{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:12;box-sizing:border-box;padding:0px 40px 0px 20px;} .header-scroll span{float:left;width:100%;height:100%;font-size:14px;color:#fff;display:none;overflow:hidden;} .header-scroll span.active{display:block;} /*footer*/ .footer{width:100%;overflow:hidden;background:#102a62 url("../images/bg-1.jpg") no-repeat left top;background-size:100%;box-sizing:border-box;padding:0px 8.335%;} .footer-1{width:100%;overflow:hidden;border-bottom:1px rgba(255,255,255,0.04) solid;padding:120px 0px 130px;} .footer-1left{float:left;width:calc(100% - 470px);overflow:hidden;display:flex;justify-content:space-between;} .footer-1item{width:auto;overflow:hidden;} .footer-1item .h3{width:100%;overflow:hidden;} .footer-1item .h3 a{font-size:20px;color:#fff;} .footer-1item ul{width:100%;overflow:hidden;margin-top:20px;} .footer-1item ul li{width:100%;line-height:48px;overflow:hidden;position:relative;} .footer-1item ul li:before{width:0%;height:1px;content:"";position:absolute;left:0px;bottom:0px;background:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .footer-1item ul li a{font-size:16px;color:rgba(255,255,255,0.7);} .footer-1item ul li a:hover{color:#fff;} .footer-1item ul li:hover:before{width:100%;} .footer-1right{float:right;width:auto;overflow:hidden;color:#fff;} .footer-1right em{width:100%;display:block;overflow:hidden;font-size:42px;} .footer-1right ul{width:100%;overflow:hidden;line-height:32px;font-size:16px;margin-top:16px;} .footer-1right ul li{width:100%;overflow:hidden;} .footer-1right ul li:first-child{margin-left:-10px;} .footer-1right ul .on1{padding-left:22px;background:url("../images/icon-3.png") no-repeat left center;} .footer-1right ul .on2{padding-left:22px;background:url("../images/icon-4.png") no-repeat left center;} .footer-1wx{width:304px;box-sizing:border-box;overflow:hidden;padding:10px;background:-webkit-linear-gradient(left,rgba(57,106,255,0.5),rgba(57,106,255,0.7));background:-moz-linear-gradient(left,rgba(57,106,255,0.5),rgba(57,106,255,0.7));background:-ms-linear-gradient(left,rgba(57,106,255,0.5),rgba(57,106,255,0.7));background:-o-linear-gradient(left,rgba(57,106,255,0.5),rgba(57,106,255,0.7));display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:24px;} .footer-1wx samp{width:100px;display:block;overflow:hidden;} .footer-1wx samp img{width:100%;height:auto;} .footer-1wx span{width:160px;display:block;line-height:24px;font-size:14px;} .footer-2{width:100%;overflow:hidden;padding:50px 0px;color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .footer-2 span{width:60%;display:block;overflow:hidden;line-height:24px;font-size:18px;color:rgba(255,255,255,0.8);} .footer-2 span a{color:rgba(255,255,255,0.8);margin-left:20px;} .footer-2 span a:hover{color:#fff;} .footer-2 ul{width:auto;} .footer-2 ul li{float:left;width:auto;overflow:hidden;margin-left:30px;cursor:pointer;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .footer-2 ul li:hover{transform:translateY(5px);} /*home-banner*/ .banner{width:100%;overflow:hidden;position:relative;} .banner .swiper-slide{overflow:hidden;} .banner img,.banner video{width:100%;height:auto;display:block;overflow:hidden;} .banner img{animation:suofang 40s linear infinite alternate;} .banner-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;color:#fff;text-align:center;} .banner-center .h3{width:100%;overflow:hidden;-webkit-transition:all 0.8s ease 0.5s;-moz-transition:all 0.8s ease 0.5s;-ms-transition:all 0.8s ease 0.5s;-o-transition:all 0.8s ease 0.5s;transition:all 0.8s ease 0.5s;opacity:0;transform:translateY(80px);} .banner-sub{width:100%;overflow:hidden;font-size:24px;-webkit-transition:all 0.8s ease 0.6s;-moz-transition:all 0.8s ease 0.6s;-ms-transition:all 0.8s ease 0.6s;-o-transition:all 0.8s ease 0.6s;transition:all 0.8s ease 0.6s;opacity:0;transform:translateY(80px);} .banner .swiper-slide-active .banner-center .h3,.banner .swiper-slide-active .banner-sub{opacity:1;transform:translateY(0px);} @keyframes dash{to{stroke-dashoffset:0px;} } .banner .swiper-pagination{bottom:60px;} .banner .swiper-pagination span{width:24px;height:24px;opacity:1;background:none;position:relative;} .banner .swiper-pagination span:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;border:2px rgba(255,255,255,0.2) solid;opacity:0;box-sizing:border-box;} .banner .swiper-pagination span:after{width:32%;height:32%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;} .load{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .circle{stroke-dasharray:360px;stroke-dashoffset:360px;} .swiper-pagination-bullet-active .circle{animation:dash 8.8s linear forwards;} .banner .swiper-pagination .swiper-pagination-bullet-active:before{opacity:1;} /*home-pro*/ .hpro{width:100%;overflow:hidden;box-sizing:border-box;padding:90px 8.335% 118px;} .hpro-head{width:100%;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .hpro-left{float:left;width:auto;overflow:hidden;} .hpro-left .h3{width:100%;overflow:hidden;color:#242c45;} .hpro-left p{width:100%;overflow:hidden;color:#616577;margin-top:6px;} .hpro-head ul{width:auto;overflow:hidden;} .hpro-head ul li{float:left;width:auto;overflow:hidden;height:50px;line-height:50px;padding:0px 35px;border:2px #ebedf0 solid;margin-left:12px;border-radius:30px;cursor:pointer;font-size:18px;color:#26313e;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hpro-head ul li.active{background:#2a4299;color:#fff;border-color:#2a4299;} .hpro-content{width:100%;overflow:hidden;position:relative;margin-top:65px;} .hpro-pannel{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:1;transform:translateY(60px);opacity:0;border-radius:15px;} .hpro-pannel.active{animation:updown 0.7s ease 1;animation-fill-mode:forwards;z-index:12;position:relative;} .hpro-content .swiper-pagination,.hpro-content .swiper-button-prev,.hpro-content .swiper-button-next{display:none;} .hpro-content .swiper-slide{flex:1;overflow:hidden;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;height:28vw;} .hpro-content .swiper-slide-active{flex:4.02;} .hpro-content .swiper-slide a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .hpro-content .swiper-slide samp{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .hpro-content .swiper-slide samp img{width:58.5vw;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .hpro-content .swiper-slide:nth-child(1) samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:14;background:-webkit-linear-gradient(-45deg,#6b6e72,rgba(107,110,114,0.8));background:-moz-linear-gradient(-45deg,#6b6e72,rgba(107,110,114,0.8));background:-ms-linear-gradient(-45deg,#6b6e72,rgba(107,110,114,0.8));background:-o-linear-gradient(-45deg,#6b6e72,rgba(107,110,114,0.8));-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hpro-content .swiper-slide:nth-child(2) samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:14;background:-webkit-linear-gradient(-45deg,#2a4299,rgba(42,66,153,0.8));background:-moz-linear-gradient(-45deg,#2a4299,rgba(42,66,153,0.8));background:-ms-linear-gradient(-45deg,#2a4299,rgba(42,66,153,0.8));background:-o-linear-gradient(-45deg,#2a4299,rgba(42,66,153,0.8));-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hpro-content .swiper-slide:nth-child(3) samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:14;background:-webkit-linear-gradient(-45deg,#6bb8f1,rgba(107,184,241,0.8));background:-moz-linear-gradient(-45deg,#6bb8f1,rgba(107,184,241,0.8));background:-ms-linear-gradient(-45deg,#6bb8f1,rgba(107,184,241,0.8));background:-o-linear-gradient(-45deg,#6bb8f1,rgba(107,184,241,0.8));-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hpro-content .swiper-slide:nth-child(4) samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:14;background:-webkit-linear-gradient(-45deg,#4c9df4,rgba(76,157,244,0.8));background:-moz-linear-gradient(-45deg,#4c9df4,rgba(76,157,244,0.8));background:-ms-linear-gradient(-45deg,#4c9df4,rgba(76,157,244,0.8));background:-o-linear-gradient(-45deg,#4c9df4,rgba(76,157,244,0.8));-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hpro-content .swiper-slide-active samp:before{opacity:0 !important;} .hpro-item{width:40vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:17;} .hpro-item span{float:left;width:60%;overflow:hidden;font-size:32px;color:#202945;display:block;transform:translateY(60px);opacity:0;} .hpro-item p{float:left;width:58%;overflow:hidden;font-size:16px;color:#202945;line-height:32px;margin-top:15px;transform:translateY(60px);opacity:0;} .hpro-more{float:left;width:100%;margin-top:60px;transform:translateY(60px);opacity:0;} .hpro-item em{width:120px;height:40px;line-height:40px;display:block;overflow:hidden;border:1px #202945 solid;border-radius:20px;text-align:center;font-size:14px;color:#202945;cursor:pointer;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .hpro-item em:hover{background:#202945;color:#fff;} .hpro-item.white span,.hpro-item.white p,.hpro-item.white em{color:#fff;border-color:#fff;} .hpro-item.white em:hover{background:#fff;color:#202945;} .hpro-item.black span,.hpro-item.black p,.hpro-item.black em{color:#202945;border-color:#202945;} .hpro-item.black em:hover{background:#202945;color:#fff;} .hpro-content .swiper-slide-active .hpro-item span{animation:updown 0.6s ease 0.3s 1;animation-fill-mode:forwards;} .hpro-content .swiper-slide-active .hpro-item p{animation:updown 0.6s ease 0.4s 1;animation-fill-mode:forwards;} .hpro-content .swiper-slide-active .hpro-more{animation:updown 0.6s ease 0.5s 1;animation-fill-mode:forwards;} .hpro-model{width:78%;height:76%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;color:#fff;-webkit-transition:all 0.7s ease 0.1s;-moz-transition:all 0.7s ease 0.1s;-ms-transition:all 0.7s ease 0.1s;-o-transition:all 0.7s ease 0.1s;transition:all 0.7s ease 0.1s;} .hpro-model em{float:left;width:100%;overflow:hidden;height:50px;} .hpro-model em img{width:auto;height:auto;max-height:100%;} .hpro-model span{float:left;width:100%;overflow:hidden;font-size:24px;margin-top:30px;} .hpro-model p{float:left;width:100%;overflow:hidden;font-size:15px;margin-top:16px;line-height:26px;} .hpro-link{width:28px;height:28px;background:url("../images/icon-16.png") no-repeat;background-size:100%;position:absolute;left:0px;bottom:0px;} .hpro-content .swiper-slide-active .hpro-model{opacity:0;} /*home-ad*/ .home-ad{width:100%;overflow:hidden;position:relative;padding:130px 0px;background:#1757b8;} .home-bg{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1;background-attachment:fixed;background-position:center;background-repeat:no-repeat;opacity:0.2;} .home-ad .h3{width:100%;overflow:hidden;text-align:center;font-size:42px;color:#fff;letter-spacing:10px;margin-left:5px;text-shadow:0px 5px 12px #124396;z-index:12;position:relative;} /*home-js*/ .hjs{width:100%;overflow:hidden;position:relative;} .hjs-bg{width:100%;overflow:hidden;position:relative;height:52vw;} .hjs-bg span,.hjs-bg span img{float:left;width:100%;overflow:hidden;height:100%;} .hjs-bg span{position:absolute;left:0px;top:0px;-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-ms-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;opacity:0;} .hjs-bg span.active{opacity:1;position:relative;} .hjs-bg span img{animation:suofang 40s linear infinite alternate;width:100%;height:100%;object-fit:cover;object-position:center;} .hjs-head{position:absolute;left:50%;transform:translateX(-50%);top:170px;z-index:12;} .hjs-head .h3{float:left;width:100%;color:#202945;} .hjs-head p{float:left;width:100%;color:#202945;margin-top:8px;} .hjs-content{position:absolute;left:50%;transform:translateX(-50%);z-index:12;bottom:150px;} .hjs-content .swiper-pagination,.hjs-content .swiper-button-prev,.hjs-content .swiper-button-next{display:none;} .hjs-content .swiper-slide{flex:1;overflow:hidden;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;height:202px;margin-right:10px;border-radius:9px;background:rgba(255,255,255,0.8);} .hjs-content .swiper-slide:nth-child(6){margin-right:0px;} .hjs-content .swiper-slide-active{flex:1.815;} .hjs-content .swiper-slide a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .hjs-content .swiper-slide samp{width:100%;height:100%;overflow:hidden;-webkit-transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-ms-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;transition:all 0.9s ease 0s;opacity:0;position:relative;display:block;} .hjs-content .swiper-slide samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:12;background:-webkit-linear-gradient(-30deg,#154eb7,rgba(37,171,194,0.3));background:-moz-linear-gradient(-30deg,#154eb7,rgba(37,171,194,0.3));background:-ms-linear-gradient(-30deg,#154eb7,rgba(37,171,194,0.3));background:-o-linear-gradient(-30deg,#154eb7,rgba(37,171,194,0.3));} .hjs-content .swiper-slide samp img{width:100%;height:100%;object-fit:cover;object-position:center;} .hjs-content .swiper-slide-active samp{opacity:1;} .hjs-item{width:18vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;color:#fff;} .hjs-item span{float:left;width:100%;overflow:hidden;font-size:24px;transform:translateY(60px);opacity:0;} .hjs-item p{float:left;width:100%;overflow:hidden;font-size:16px;line-height:24px;margin-top:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transform:translateY(60px);opacity:0;} .hjs-more{float:left;width:100%;overflow:hidden;margin-top:15px;transform:translateY(60px);opacity:0;} .hjs-more em{float:left;width:90px;height:32px;line-height:32px;overflow:hidden;border-radius:17px;background:#fff;text-align:center;font-size:14px;color:#154eb7;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hjs-more em:hover{background:#2a4299;color:#fff;} .hjs-content .swiper-slide-active .hjs-item span{animation:updown 0.6s ease 0.3s 1;animation-fill-mode:forwards;} .hjs-content .swiper-slide-active .hjs-item p{animation:updown 0.6s ease 0.4s 1;animation-fill-mode:forwards;} .hjs-content .swiper-slide-active .hjs-more{animation:updown 0.6s ease 0.5s 1;animation-fill-mode:forwards;} .hjs-model{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:19;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;} .hjs-model span{float:left;width:100%;overflow:hidden;font-size:20px;color:#202945;} .hjs-model p{float:left;width:100%;overflow:hidden;font-size:16px;color:#808897;line-height:24px;margin-top:10px;} .hjs-content .swiper-slide-active .hjs-model{opacity:0;} /*home-1*/ .home-1{width:100%;overflow:hidden;padding:110px 0px 215px;position:relative;} .home-1bg{width:100%;height:100%;position:absolute;left:0px;bottom:0px;z-index:1;} .home-1head{width:1072px;margin:0px auto;overflow:hidden;position:relative;z-index:12;} .home-1head .h3{width:100%;overflow:hidden;text-align:center;font-size:48px;line-height:60px;color:#333;} .home-1info{width:100%;overflow:hidden;text-align:center;font-size:24px;line-height:36px;color:#333;margin-top:32px;} .home-1more{width:100%;overflow:hidden;padding-top:42px;} .home-1more a{width:180px;height:50px;line-height:50px;display:block;overflow:hidden;margin:0px auto;border-radius:30px;background:#1757b8;font-size:16px;color:#fff;text-align:center;} .home-1more a:hover{transform:translateY(-3px);} .home-1 ul{width:100%;display:flex;justify-content:center;margin-top:100px;position:relative;z-index:12;} .home-1 ul li{width:auto;margin:0px 5vw;} .home-1 ul li span{width:100%;display:block;font-size:18px;color:#808080;} .home-1 ul li span em{font-size:80px;color:#333;float:left;margin-top:-20px;margin-right:10px;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;} .home-1 ul li p{width:100%;display:block;font-size:16px;color:#808080;overflow:hidden;} .home-1 ul li samp{width:100%;display:block;font-size:12px;color:#ccc;overflow:hidden;font-family:"arial";text-transform:uppercase;margin-top:3px;} .home-1 ul li:hover span em{text-shadow:0px 14px 20px rgba(23,89,184,0.3);color:#1e85bd;} /*home-2*/ .home-2{width:100%;overflow:hidden;background:url("../images/bg-5.jpg") no-repeat;background-size:cover;padding:110px 0px 105px;} .home-2head{margin:0px auto;overflow:hidden;text-align:center;} .home-2head .h3{width:100%;overflow:hidden;color:#242c45;} .home-2head p{width:100%;overflow:hidden;color:#333;margin-top:8px;} .home-map{width:1273px;margin:20px auto 0px;position:relative;} .home-map img{width:100%;height:auto;} .home-2item{width:14px;height:14px;position:absolute;left:0px;top:0px;z-index:1;cursor:pointer;} .home-2cir{width:100%;height:100%;fposition:relative;} .home-2cir span{width:100%;height:100%;display:block;overflow:hidden;border-radius:50%;} .home-2item.map1{left:13%;top:54%;} .home-2item.map2{left:21%;top:15%;} .home-2item.map3{left:36%;top:30%;} .home-2item.map4{left:49%;top:76%;} .home-2item.map5{left:71%;top:23%;} .home-2item.map6{left:82%;top:70%;} .home-2item.map1 .home-2cir span{background:#0c3388;} .home-2item.map2 .home-2cir span{background:#e60012;} .home-2item.map3 .home-2cir span{background:#45b0e5;} .home-2item.map4 .home-2cir span{background:#a1cbed;} .home-2item.map5 .home-2cir span{background:#22ac38;} .home-2item.map6 .home-2cir span{background:#7905c0;} .home-2item.map1:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#0c3388;animation:cir 4s linear infinite;} .home-2item.map1:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#0c3388;animation:cir 4s linear 2s infinite;} .home-2item.map2:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#e60012;animation:cir 4s linear infinite;} .home-2item.map2:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#e60012;animation:cir 4s linear 2s infinite;} .home-2item.map3:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#45b0e5;animation:cir 4s linear infinite;} .home-2item.map3:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#45b0e5;animation:cir 4s linear 2s infinite;} .home-2item.map4:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#a1cbed;animation:cir 4s linear infinite;} .home-2item.map4:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#a1cbed;animation:cir 4s linear 2s infinite;} .home-2item.map5:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#22ac38;animation:cir 4s linear infinite;} .home-2item.map5:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#22ac38;animation:cir 4s linear 2s infinite;} .home-2item.map6:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#7905c0;animation:cir 4s linear infinite;} .home-2item.map6:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;overflow:hidden;background:#7905c0;animation:cir 4s linear 2s infinite;} .home-2model{width:360px;overflow:hidden;background:rgba(255,255,255,0.8);border-radius:0px 16px 0px 16px;position:absolute;left:7px;top:7px;z-index:12;padding:34px 0px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;transform:scale(0);transform-origin:left top;visibility:hidden;cursor:pointer;} .home-2model span{float:left;width:100%;overflow:hidden;box-sizing:border-box;padding:0px 30px;font-size:22px;color:#333;} .home-2model p{float:left;width:100%;overflow:hidden;box-sizing:border-box;margin-top:5px;} .home-2model p em{float:left;width:auto;overflow:hidden;line-height:30px;font-size:16px;color:#808080;margin-left:30px;} .home-2item:hover .home-2model{visibility:visible;opacity:1;transform:scale(1);} .home-2item:hover{z-index:20 } /*home-news*/ .hnews{width:100%;overflow:hidden;background-position:left bottom;background-repeat:no-repeat;background-size:100%;background-color:#fff;box-sizing:border-box;padding:0px 8.335%;} .hnews-left{float:left;width:auto;overflow:hidden;margin-top:140px;} .hnews-left .h3{width:100%;overflow:hidden;color:#242c45;} .hnews-left p{width:100%;overflow:hidden;color:#616577;margin-top:8px;} .hnews-left ul{width:100%;overflow:hidden;margin-top:30px;} .hnews-left ul li{width:140px;height:50px;line-height:50px;overflow:hidden;border-radius:30px;border:1px #d7dbe1 solid;margin-top:23px;text-align:center;} .hnews-left ul li a{width:100%;height:100%;display:block;overflow:hidden;font-size:18px;color:#26313e;} .hnews-left ul li.active,.hnews-left ul li:hover{background:-webkit-linear-gradient(-40deg,#124396,#11639d);background:-moz-linear-gradient(-40deg,#124396,#11639d);background:-ms-linear-gradient(-40deg,#124396,#11639d);background:-o-linear-gradient(-40deg,#124396,#11639d);border-color:transparent;} .hnews-left ul li.active a,.hnews-left ul li:hover a{color:#fff;} .hnews-right{float:right;width:auto;overflow:hidden;height:1190px;position:relative;} .hnews-right:before{width:100%;height:150px;content:"";position:absolute;left:0px;top:0px;background:-webkit-linear-gradient(top,white 9%,rgba(255,255,255,0));background:-moz-linear-gradient(top,white 9%,rgba(255,255,255,0));background:-ms-linear-gradient(top,white 9%,rgba(255,255,255,0));background:-o-linear-gradient(top,white 9%,rgba(255,255,255,0));z-index:12;} .hnews-right:after{width:100%;height:150px;content:"";position:absolute;left:0px;bottom:0px;background:-webkit-linear-gradient(bottom,white 5%,rgba(255,255,255,0));background:-moz-linear-gradient(bottom,white 5%,rgba(255,255,255,0));background:-ms-linear-gradient(bottom,white 5%,rgba(255,255,255,0));background:-o-linear-gradient(bottom,white 5%,rgba(255,255,255,0));z-index:12;} .hnews-pannel{float:left;width:28vw;overflow:hidden;height:100%;} .hnews-pannel:first-child{margin-right:35px;} .hnews-item{width:100%;overflow:hidden;margin-top:30px;} .hnews-item a{width:100%;overflow:hidden;display:block;height:100%;position:relative;} .hnews-pic{width:100%;height:18.75vw;overflow:hidden;border-radius:4px;background:#181d23;position:relative;} .hnews-pic:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:1;background:-webkit-linear-gradient(120deg,#2396c7,#082da5);background:-moz-linear-gradient(120deg,#2396c7,#082da5);background:-ms-linear-gradient(120deg,#2396c7,#082da5);background:-o-linear-gradient(120deg,#2396c7,#082da5);} .hnews-pic img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.7;position:relative;z-index:2;} .hnews-model{width:90%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;display:flex;justify-content:space-between;flex-direction:column;color:#fff;margin-top:12.4vw;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hnews-top{width:100%;overflow:hidden;} .hnews-top span{float:left;width:100%;overflow:hidden;font-size:28px;line-height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .hnews-top em{float:left;width:100px;height:40px;line-height:40px;border:1px #fff solid;overflow:hidden;font-size:14px;text-align:center;border-radius:20px;margin-top:120px;} .hnews-bottom{width:100%;overflow:hidden;} .hnews-bottom span{float:left;width:100%;overflow:hidden;font-size:18px;} .hnews-bottom em{float:left;width:100%;overflow:hidden;font-size:18px;margin-top:4px;} .hnews-item:hover .hnews-model{margin-top:0px;} .hnews-item:hover .hnews-model em{margin-top:20px;} .hnews-item:hover .hnews-pic img{opacity:0.15;} .hnews-content{display:none;} /*home-cor*/ .hcor{width:100%;overflow:hidden;background:url("../images/bg-4.jpg") no-repeat;background-size:cover;padding:100px 8.335%;box-sizing:border-box;} .hcor-head{width:100%;overflow:hidden;text-align:center;} .hcor-head .h3{width:100%;overflow:hidden;color:#242c45;} .hcor-head p{width:100%;overflow:hidden;color:#616577;margin-top:8px;} .hcor-content{width:100%;overflow:hidden;margin-top:30px;display:grid;grid-template-columns:repeat(8,1fr);grid-gap:0px;} .hcore-item{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;height:4.6vw;} .hcore-item img{width:auto;height:auto;max-width:80%;max-height:70%;} .hcore-item:hover img{transform:scale(1.03);} /*home-3*/ .home-3{width:100%;overflow:hidden;position:relative;background:#1757b8;height:280px;} .home-3center{margin:0px auto;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;position:relative;z-index:12;} .home-3left{width:auto;font-size:40px;color:#fff;line-height:52px;} .home-3right{width:auto;} .home-3right span{float:left;width:200px;height:60px;line-height:60px;overflow:hidden;text-align:center;margin-right:15px;border-radius:30px;background:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .home-3right span a{width:100%;height:100%;display:block;overflow:hidden;font-size:18px;color:#111f36;} .home-3right span:hover,.home-3right p:hover{transform:translateY(3px);} .home-3right p{float:left;width:200px;height:60px;line-height:60px;overflow:hidden;text-align:center;border-radius:30px;background:#e80013;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .home-3right p a{width:100%;overflow:hidden;height:100%;display:block;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;justify-content:center;color:#fff;} .home-3right p em{font-size:18px;margin-right:15px;} .home-3right p samp{width:34px;height:34px;display:block;overflow:hidden;background:#ad000e url("../images/icon-17.png") no-repeat center;border-radius:15px;} /*news*/ .banner-news{width:100%;overflow:hidden;margin-top:100px;position:relative;color:#fff;} .banner-news img{width:100%;height:auto;animation:suofang 40s linear infinite alternate;} .banner-wz{position:absolute;left:50%;transform:translateX(-50%);top:9vw;z-index:12;} .banner-wz .h3{width:100%;overflow:hidden;} .banner-info{width:100%;overflow:hidden;} .banner-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:140px;z-index:12;} .bread{width:100%;overflow:hidden;font-size:16px;box-sizing:border-box;background:url("../images/icon-8.png") no-repeat left center;padding-left:30px;} .bread a{color:#fff;margin:0px 10px;} .bread a.on{margin-left:0px;} .bread a:hover{color:#1b96e4;} .col{width:100%;overflow:hidden;position:relative;z-index:12;height:60px;line-height:60px;margin-top:-60px;} .col ul{width:100%;overflow:hidden;height:100%;position:relative;display:flex;} .col ul:before{width:100%;height:1px;content:"";position:absolute;left:0px;top:0px;background:rgba(255,255,255,0.3);} .col ul li{width:auto;flex:1;height:100%;box-sizing:border-box;border-right:1px rgba(255,255,255,0.3) solid;position:relative;} .col ul li:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:-webkit-linear-gradient(left,#1a62ad,#1b96e4);background:-moz-linear-gradient(left,#1a62ad,#1b96e4);background:-ms-linear-gradient(left,#1a62ad,#1b96e4);background:-o-linear-gradient(left,#1a62ad,#1b96e4);z-index:2;-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-ms-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;opacity:0;} .col ul li:last-child{border:none;} .col ul li a{width:100%;height:100%;display:block;text-align:center;font-size:18px;color:#fff;position:relative;z-index:12;} .col ul li a:before{width:12px;height:100%;content:"";position:absolute;right:11%;top:0px;background:url("../images/icon-9.png") no-repeat center;-webkit-transition:all 0.6s ease 0.1s;-moz-transition:all 0.6s ease 0.1s;-ms-transition:all 0.6s ease 0.1s;-o-transition:all 0.6s ease 0.1s;transition:all 0.6s ease 0.1s;opacity:0;} .col ul li.active:before{opacity:1;} .col ul li.active a:before{opacity:1;right:7%;} .news{width:100%;overflow:hidden;padding:150px 0px 167px;} .news-form{margin:0px auto;overflow:hidden;} .news-form form{width:100%;overflow:hidden;display:block;} .news-form .txt3{float:left;width:504px;height:48px;line-height:48px;overflow:hidden;border:1px #e6e6e6 solid;border-radius:30px 0px 0px 30px;box-sizing:border-box;padding-left:28px;font-size:18px;color:#12294f;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;background:#fff url("../images/icon-10.png") no-repeat 150px center;} .news-form .txt3::placeholder{color:#a6a6a6 !important;opacity:1;} .news-form .txt3::-webkit-input-placeholder{color:#a6a6a6 !important;opacity:1;} .news-form .txt3::-ms-input-placeholder{color:#a6a6a6 !important;opacity:1;} .news-form .txt3::-moz-placeholder{color:#a6a6a6 !important;opacity:1;} .news-form .txt3:hover{border-color:#2a4299;} .news-form .bt3{float:left;width:166px;height:48px;line-height:48px;overflow:hidden;margin-left:6px;border-radius:0px 30px 30px 0px;background:#0a51bd;text-align:center;cursor:pointer;color:#fff;font-size:18px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .news-form .bt3:hover{transform:translateX(2px);} .news-list{width:100%;overflow:hidden;padding:75px 8.335% 120px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;} .news-item{width:100%;overflow:hidden;background:#fff;border-radius:6px;box-shadow:0px 12px 16px 1px rgba(0,0,0,0.1);} .news-item a{width:100%;overflow:hidden;display:block;height:100%;} .news-item samp{width:100%;display:block;overflow:hidden;height:16.45vw;} .news-item samp img{width:100%;height:100%;object-fit:cover;object-position:center;} .news-item samp:hover img{transform:scale(1.03);} .news-cont{width:100%;overflow:hidden;box-sizing:border-box;padding:36px;} .news-cont span{float:left;width:100%;overflow:hidden;font-size:24px;color:#333;line-height:36px;min-height:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .news-cont em{float:left;width:100%;overflow:hidden;font-size:14px;color:#000;margin-top:12px;} .news-item:hover .news-cont span{color:#2a4299;transform:translateY(-8px);} .news-page{margin:0px auto;overflow:hidden;display:flex;justify-content:center;} .news-page a{width:auto;height:46px;line-height:46px;display:block;overflow:hidden;margin:0px 5px;border:1px #dee2e6 solid;padding:0px 18px;font-size:16px;color:#000;} .news-page a:hover,.news-page a.active{background:-webkit-linear-gradient(left,#0066fd,#004bba);background:-moz-linear-gradient(left,#0066fd,#004bba);background:-ms-linear-gradient(left,#0066fd,#004bba);background:-o-linear-gradient(left,#0066fd,#004bba);color:#fff;} /*zhanhui*/ .zhanhui{width:100%;overflow:hidden;padding:200px 8.335% 164px;box-sizing:border-box;background:#ecf3f8;} .zh-list{width:100%;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding-bottom:90px;} .zh-item{width:100%;background:#fff;overflow:hidden;border-radius:5px;position:relative;} .zh-item:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:5px;border:1px #e8e9ea solid;box-sizing:border-box;z-index:1;} .zh-item:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:5px;background:url("../images/bg-2.jpg") no-repeat;background-size:cover;box-sizing:border-box;z-index:2;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .zh-item:hover:after{opacity:1;} .zh-item a{width:100%;height:100%;display:block;overflow:hidden;box-sizing:border-box;padding:44px 40px;position:relative;z-index:12;} .zh-item span{float:left;width:100%;overflow:hidden;font-size:24px;color:#333;line-height:30px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zh-item p{float:left;width:100%;overflow:hidden;font-size:18px;color:#333;line-height:24px;margin-top:10px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zh-item em{float:left;width:100%;overflow:hidden;font-size:14px;color:#000;margin-top:10px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zh-item samp{float:left;width:120px;height:40px;line-height:40px;overflow:hidden;text-align:center;border-radius:20px;background:#a1a9bb;font-size:16px;color:#fff;margin-top:24px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zh-item:hover span,.zh-item:hover p,.zh-item:hover em{color:#fff;} .zh-item:hover samp{background:#fff;color:#0a51bd;} /*news-info*/ .banner-ver{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding-bottom:120px;z-index:12;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;} .banner-ver .h1{width:900px;overflow:hidden;font-size:52px;line-height:74px;margin-top:32px;} .detail-des{width:100%;overflow:hidden;font-size:32px;margin-top:12px;} .detail-1{width:100%;overflow:hidden;font-size:18px;margin-top:34px;} .detail-1 span{margin-right:20px;} .detail{width:100%;background:#f4f4f4;padding:0px 8.335%;box-sizing:border-box;position:relative;z-index:12;padding-bottom:170px;} .detail-left{float:left;width:75%;overflow:hidden;margin-top:-120px;} .detail-body{width:100%;overflow:hidden;background:#fff;box-sizing:border-box;padding:30px 35px 60px;font-size:16px;line-height:34px;} .detail-body img{width:auto;height:auto!important;max-width:100%;} .detail-body p{margin:32px 0px;} .detail-page{width:100%;overflow:hidden;background:#fff;box-sizing:border-box;padding:30px 35px;margin-top:25px;border-top:3px #2b6ad9 solid;box-shadow:0px 0px 12px 5px rgba(195,195,195,0.25);} .detail-2{float:left;width:75%;overflow:hidden;} .detail-2 span{float:left;width:100%;line-height:34px;} .detail-2 span a{font-size:16px;color:#333;} .detail-2 span a:hover{color:#2a4299;} .detail-back{float:right;width:140px;height:50px;line-height:50px;overflow:hidden;border-radius:30px;background:#a1a9bb;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .detail-back a{width:100%;height:100%;display:block;overflow:hidden;text-align:center;} .detail-back em{font-size:14px;color:#fff;background:url("../images/icon-11.png") no-repeat left center;padding-left:38px;} .detail-back:hover{background:#2a4299;} .detail-right{float:right;width:23%;overflow:hidden;margin-top:-120px;background:#fff;position:sticky;top:120px;padding:38px 0px;} .detail-right .h3{width:100%;overflow:hidden;padding-left:22px;position:relative;font-size:18px;color:#333;} .detail-right .h3:before{width:2px;height:100%;content:"";position:absolute;left:0px;top:0px;background:#215eca;} .detail-card{width:calc(100% - 44px);margin:42px auto 0px;overflow:hidden;position:relative;} .detail-card a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .detail-card img{width:100%;height:auto;overflow:hidden;} .detail-card:hover img{transform:scale(1.03);} .detail-card span{width:100%;display:block;overflow:hidden;padding:50px 10px 16px;box-sizing:border-box;position:absolute;left:0px;bottom:0px;z-index:12;text-align:center;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.8));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.8));background:-ms-linear-gradient(top,transparent,rgba(0,0,0,0.8));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.8));font-size:16px;color:#fff;} .detail-right ul{width:calc(100% - 44px);overflow:hidden;margin:16px auto 0px;} .detail-right ul li{width:100%;overflow:hidden;background:url("../images/icon-12.png") repeat-x left bottom;padding:24px 0px;} .detail-right ul li a{font-size:16px;color:#555;line-height:24px;} /*ziliao*/ .zl{width:100%;overflow:hidden;background:#f8f8f9;padding:155px 8.335% 106px;box-sizing:border-box;} .zl ul{width:100%;overflow:hidden;display:flex;justify-content:center;} .zl ul li{width:auto;overflow:hidden;height:50px;line-height:50px;margin:0px 6px;border:1px #cfd4da solid;border-radius:30px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .zl ul li a{width:100%;height:100%;display:block;overflow:hidden;padding:0px 34px;font-size:18px;color:#26313e;} .zl ul li.active,.zl ul li:hover{background:#0a51bd;border-color:#0a51bd;} .zl ul li.active a,.zl ul li:hover a{color:#fff;} .zl-1{width:100%;overflow:hidden;margin-top:150px;} .zl-1 .h3{width:100%;overflow:hidden;font-size:46px;color:#333;} .zl-1 p{width:100%;overflow:hidden;font-size:20px;color:#696969;margin-top:25px;} .zl-1 form{width:100%;overflow:hidden;margin-top:50px;} .zl-1 .txt4{float:left;width:32%;height:56px;line-height:56px;background:#fff;box-sizing:border-box;padding:0px 20px;margin:0px 20px 0px 0px;border:2px #e6e6e6 solid;border-radius:5px;font-size:18px;color:#333;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zl-1 .txt4::placeholder{color:#a6a6a6 !important;opacity:1;} .zl-1 .txt4::-webkit-input-placeholder{color:#a6a6a6 !important;opacity:1;} .zl-1 .txt4::-ms-input-placeholder{color:#a6a6a6 !important;opacity:1;} .zl-1 .txt4::-moz-placeholder{color:#a6a6a6 !important;opacity:1;} .zl-1 .txt4:hover{border-color:#2a4299;} .zl-1 .bt4{float:left;width:14.6%;height:58px;line-height:58px;background:#0a51bd;border-radius:4px;font-size:18px;color:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;cursor:pointer;} .zl-1 .bt4:hover{transform:translateX(3px);} .zl-2{width:100%;overflow:hidden;margin-top:104px;border-radius:12px;} .zl-2 img{width:100%;height:auto;} .zl-3{width:100%;overflow:hidden;margin-top:54px;font-size:18px;color:#1757b8;} /*xuanchuan*/ .xc{width:100%;overflow:hidden;background:#fff;padding:164px 8.335%;box-sizing:border-box;} .xc-1{width:100%;overflow:hidden;} .xc-1 ul{float:left;width:auto;overflow:hidden;} .xc-1 ul li{float:left;width:auto;overflow:hidden;height:50px;line-height:50px;margin:0px 12px 0px 0px;border:1px #cfd4da solid;border-radius:30px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .xc-1 ul li a{width:100%;height:100%;display:block;overflow:hidden;padding:0px 34px;font-size:18px;color:#26313e;} .xc-1 ul li.active,.xc-1 ul li:hover{background:#0a51bd;border-color:#0a51bd;} .xc-1 ul li.active a,.xc-1 ul li:hover a{color:#fff;} .xc-1 .news-form{float:right;width:auto;} .xc-1 .news-form .bt3:hover{transform:translateX(-2px);} .xc-2{width:100%;overflow:hidden;margin-top:84px;padding-bottom:90px;} .xc-item{width:99.9%;overflow:hidden;margin-top:16px;border:1px #eee solid;box-sizing:border-box;border-radius:5px;height:100px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .xc-item a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:0px 60px;box-sizing:border-box;} .xc-icon{width:30px;height:50%;overflow:hidden;position:relative;padding-right:48px;} .xc-icon:before{width:1px;height:100%;content:"";position:absolute;right:0px;top:0px;background:#e8e8e8;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .xc-icon img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%);left:0px;} .xc-icon img:last-child{opacity:0;} .xc-arr{width:21px;height:50%;overflow:hidden;position:relative;} .xc-arr img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%);left:0px;} .xc-arr img:last-child{opacity:0;} .xc-cont{width:calc(100% - 200px);overflow:hidden;font-size:20px;color:#616577;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .xc-item:hover{background:#0a51bd;border-color:#0a51bd;} .xc-item:hover .xc-cont{color:#fff;} .xc-item:hover .xc-icon:before{background:#fff;} .xc-item:hover .xc-icon img,.xc-item:hover .xc-arr img{opacity:0;} .xc-item:hover .xc-icon img:last-child,.xc-item:hover .xc-arr img:last-child{opacity:1;} /*wenxian*/ .wx{width:100%;overflow:hidden;background:#f8f8f9;padding:150px 8.335%;box-sizing:border-box;} .wx-list{width:100%;overflow:hidden;margin-top:72px;} .wx-item{width:100%;overflow:hidden;margin-top:22px;} .wx-item:first-child{margin-top:0px;} .wx-item a{width:99.9%;display:block;overflow:hidden;box-sizing:border-box;border:1px #e8e8e8 solid;background:#fff;border-radius:5px;padding:0px 40px;} .wx-top{width:100%;overflow:hidden;padding:34px 0px;border-bottom:1px #ebeef4 solid;color:#333;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .wx-top span{float:left;width:auto;overflow:hidden;margin-right:90px;font-size:18px;} .wx-top em{float:right;width:auto;font-size:16px;} .wx-cont{width:100%;overflow:hidden;padding:26px 0px;line-height:26px;font-size:16px;color:#999;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .wx-item:hover a{background:#1757b8;border-color:#1757b8;} .wx-item:hover .wx-top{color:#fff;border-color:#0b5edc;} .wx-item:hover .wx-cont{color:#fff;} .wx-list .news-page{margin-top:50px;} /*wenti*/ .wt{width:100%;overflow:hidden;background:#f8f8f9;box-sizing:border-box;padding:160px 8.335% 140px;} .wt .news-form{width:100%;} .wt-list{width:100%;overflow:hidden;margin-top:67px;} .wt-item{width:99.9%;overflow:hidden;margin-top:12px;background:#fff;border-radius:6px;border:1px #e8e8e8 solid;box-sizing:border-box;} .wt-item:first-child{margin-top:0px;} .wt-head{width:100%;overflow:hidden;height:100px;box-sizing:border-box;padding:0px 36px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;cursor:pointer;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .wt-icon{width:33px;height:100%;overflow:hidden;position:relative;} .wt-icon img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .wt-icon img:last-child{opacity:0;} .wt-arr{width:27px;height:100%;overflow:hidden;position:relative;} .wt-arr:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-24.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .wt-arr:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-25.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .wt-title{width:calc(100% - 120px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:20px;color:#353535;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .wt-content{width:100%;overflow:hidden;box-sizing:border-box;padding:45px 36px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;display:none;} .wt-left{width:29.3%;overflow:hidden;border-radius:10px;} .wt-left img{width:100%;height:auto;} .wt-left:hover img{transform:scale(1.03);} .wt-right{width:67%;overflow:hidden;line-height:38px;font-size:18px;color:#353535;} .wt-item.active .wt-head{background:#1757b8;} .wt-item.active .wt-icon img{opacity:0;} .wt-item.active .wt-icon img:last-child{opacity:1;} .wt-item.active .wt-arr:before{opacity:1;} .wt-item.active .wt-arr:after{opacity:0;} .wt-item.active .wt-title{color:#fff;} /*zhibo*/ .zb{width:100%;overflow:hidden;background:#f8f8f9;padding:120px 0px 130px;} .zb-list{width:100%;overflow:hidden;padding:90px 8.335% 80px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:34px;} .zb-item{width:100%;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0px 0px 12px 5px rgba(91,91,91,0.1);cursor:pointer;} .zb-pic{width:100%;height:15.31vw;overflow:hidden;} .zb-pic img{width:100%;height:100%;object-fit:cover;object-position:center;} .zb-item:hover .zb-pic img{transform:scale(1.03);} .zb-cont{width:100%;overflow:hidden;padding-top:32px;} .zb-cont span{width:90%;display:block;overflow:hidden;font-size:20px;color:#333;line-height:24px;margin:0px auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zb-tag{width:90%;display:block;overflow:hidden;margin:14px auto 0px;} .zb-tag em{float:left;width:auto;line-height:26px;overflow:hidden;margin-right:5px;margin-top:5px;border-radius:3px;background:#f7f8fa;padding:0px 9px;font-size:12px;color:#666;} .zb-cont p{width:100%;overflow:hidden;border-top:1px #f7f7f7 solid;line-height:63px;padding-left:5%;margin-top:29px;font-size:15px;color:#454545;} .zb-item:hover .zb-cont span{color:#2a4299;transform:translateY(-5px);} /*about-1*/ .about-1{width:100%;overflow:hidden;background:#fff;padding:130px 8.335% 180px;box-sizing:border-box;} .about-1 .h3{width:100%;overflow:hidden;font-size:46px;line-height:64px;color:#333;} .about-1info{width:86%;overflow:hidden;line-height:40px;color:#696969;margin-top:25px;} .about-1 ul{width:100%;overflow:hidden;margin-top:50px;} .about-1 ul li{float:left;width:auto;overflow:hidden;margin-right:4.6vw;cursor:pointer;} .about-1num{width:100%;overflow:hidden;} .about-1num span{float:left;width:auto;font-size:70px;color:#333;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .about-1num em{float:left;width:auto;font-size:18px;color:#808080;margin:10px 0px 0px 8px;} .about-1 ul li p{width:100%;overflow:hidden;font-size:16px;color:#808080;} .about-1des{width:100%;overflow:hidden;font-size:12px;color:#ccc;font-family:"arial";text-transform:uppercase;margin-top:4px;} .about-1 ul li:hover .about-1num span{text-shadow:0px 5px 12px rgba(23,89,184,0.3);color:#154eb7;} .about-2{width:100%;overflow:hidden;height:860px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;} .about-2 ul{width:100%;overflow:hidden;display:flex;justify-content:center;} .about-2 ul li{width:auto;overflow:hidden;position:relative;padding:130px 1vw;flex:1;} .about-2 ul li:before{width:1px;height:50%;right:0px;top:0px;content:"";position:absolute;background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.3));background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.3));background:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.3));background:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.3));} .about-2 ul li:after{width:1px;height:50%;right:0px;bottom:0px;content:"";position:absolute;background:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0.3));background:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0.3));background:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0.3));background:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0.3));} .about-2 ul li:last-child:before,.about-2 ul li:last-child:after{display:none;} .about-2 ul li samp{width:100%;height:52px;display:block;overflow:hidden;display:flex;justify-content:center;align-items:center;} .about-2 ul li samp img{width:auto;height:auto;max-height:100%;} .about-2 ul li span{width:100%;overflow:hidden;display:block;text-align:center;font-size:30px;color:#fff;margin-top:18px;} .about-2 ul li em{width:100%;overflow:hidden;display:block;text-align:center;font-size:18px;color:#fff;margin-top:12px;} .about-3{width:100%;overflow:hidden;background:url("../images/about-5.jpg") no-repeat;background-size:cover;box-sizing:border-box;padding:140px 8.335% 160px;} .about-3 .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .about-3content{width:100%;overflow:hidden;margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;} .about-3item{width:100%;overflow:hidden;height:18.7vw;border-radius:10px;position:relative;cursor:pointer;} .about-3item samp{width:100%;height:100%;display:block;overflow:hidden;background:#26313e;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;} .about-3item samp img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.5;position:relative;z-index:2;} .about-3item:hover samp{background:#0a51bd;} .about-3item:hover samp img{opacity:0.3;transform:scale(1.03);} .about-3model{width:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;color:#fff;} .about-3model em{width:100%;overflow:hidden;display:block;height:0px;display:flex;justify-content:center;align-items:center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .about-3model em img{width:auto;height:auto;max-height:100%;} .about-3model span{width:100%;overflow:hidden;display:block;text-align:center;font-size:30px;margin-top:12px;} .about-3model p{width:100%;overflow:hidden;display:block;text-align:center;font-size:20px;margin-top:7px;} .about-3item:hover em{height:54px;} .about-4{width:100%;overflow:hidden;background:url("../images/bg-7.jpg") no-repeat;background-size:cover;padding:130px 8.335% 180px;box-sizing:border-box;} .about-4 .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .about-4content{width:100%;overflow:hidden;margin-top:50px;} .about-4content .swiper-slide{overflow:hidden;position:relative;box-sizing:border-box;height:20vw;border:1px #e8e8e8 solid;border-radius:6px;cursor:pointer;} .about-4pic{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;} .about-4pic img{width:auto;height:auto;max-width:100%;max-height:100%;} .about-4model{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:12;background:-webkit-linear-gradient(-45deg,rgba(21,78,183,0.95),rgba(30,128,190,0.95));background:-moz-linear-gradient(-45deg,rgba(21,78,183,0.95),rgba(30,128,190,0.95));background:-ms-linear-gradient(-45deg,rgba(21,78,183,0.95),rgba(30,128,190,0.95));background:-o-linear-gradient(-45deg,rgba(21,78,183,0.95),rgba(30,128,190,0.95));display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;opacity:0;} .about-4model samp{width:100%;height:28px;display:block;background:url("../images/icon-33.png") no-repeat center;} .about-4model span{width:100%;overflow:hidden;display:block;text-align:center;color:#fff;font-size:18px;margin-top:24px;} .about-4model em{width:100%;overflow:hidden;display:block;text-align:center;color:#fff;font-size:18px;margin-top:12px;} .about-4content .swiper-slide:hover .about-4model{opacity:1;} .about-4bottom{width:100%;overflow:hidden;height:20px;margin-top:80px;position:relative;display:flex;justify-content:center;} .about-4bottom .swiper-pagination{position:relative;left:0px;top:0px;margin:0px;display:flex;justify-content:center;width:auto;height:100%;align-items:center;opacity:1;background:none;} .about-4bottom .swiper-pagination span{width:16px;height:16px;display:block;overflow:hidden;position:relative;opacity:1;background:none;} .about-4bottom .swiper-pagination span:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;border:2px #dadada solid;box-sizing:border-box;} .about-4bottom .swiper-pagination span:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border-radius:50%;background:-webkit-linear-gradient(-40deg,#3e63ac,#45aec9);background:-moz-linear-gradient(-40deg,#3e63ac,#45aec9);background:-ms-linear-gradient(-40deg,#3e63ac,#45aec9);background:-o-linear-gradient(-40deg,#3e63ac,#45aec9);box-sizing:border-box;z-index:12;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .about-4bottom .swiper-pagination .swiper-pagination-bullet-active:after{opacity:1;} .about-4bottom .swiper-button-prev{width:20px;height:20px;position:relative;left:0px;top:0px;margin:0px;opacity:1;background:none;margin-right:10px;} .about-4bottom .swiper-button-prev:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-31.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .about-4bottom .swiper-button-prev:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-32.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;transform:rotate(180deg);opacity:0;} .about-4bottom .swiper-button-next{width:20px;height:20px;position:relative;left:0px;top:0px;margin:0px;opacity:1;background:none;margin-left:10px;} .about-4bottom .swiper-button-next:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-31.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;transform:rotate(180deg);} .about-4bottom .swiper-button-next:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-32.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .about-4bottom .swiper-button-prev:hover:before,.about-4bottom .swiper-button-next:hover:before{opacity:0;} .about-4bottom .swiper-button-prev:hover:after,.about-4bottom .swiper-button-next:hover:after{opacity:1;} .about-5{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:1000;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;} .about-5.active{opacity:1;visibility:visible;} .about-5close{width:40px;height:40px;background:#333;position:absolute;right:0px;top:0px;z-index:12;cursor:pointer;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;border-radius:0px 0px 0px 50%;} .about-5close:before{width:2px;height:60%;content:"";position:absolute;left:20px;top:8px;background:#fff;transform:rotate(45deg);} .about-5close:after{width:60%;height:2px;content:"";position:absolute;left:10px;top:18px;background:#fff;transform:rotate(45deg);} .about-5 .swiper img{width:auto;height:auto;max-width:80%;max-height:80vh;} .about-5 .swiper-button-prev{width:40px;height:80px;background:#fff url("../images/icon-32.png") no-repeat center;transform:rotate(180deg);opacity:0.5;border-radius:10px 0px 0px 10px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .about-5 .swiper-button-next{width:40px;height:80px;background:#fff url("../images/icon-32.png") no-repeat center;opacity:0.5;border-radius:10px 0px 0px 10px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .about-5 .swiper-button-prev:hover,.about-5 .swiper-button-next:hover{opacity:0.8;} /*zhaopin*/ .zp{width:100%;overflow:hidden;padding:110px 0px 140px;} .zp-1{margin:0px auto;overflow:hidden;} .zp-1 .h3{width:100%;overflow:hidden;font-size:46px;line-height:64px;color:#333;} .zp-1info{width:86%;overflow:hidden;line-height:40px;color:#696969;margin-top:25px;} .zp-2{margin:120px auto 0px;overflow:hidden;} .zp-2 form{width:100%;overflow:hidden;display:block;display:flex;justify-content:space-between;} .join-6input{width:calc(25% - 10px);overflow:hidden;box-sizing:border-box;height:60px;line-height:60px;border-radius:4px;border:2px #e6e6e6 solid;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;position:relative;} .join-6input:hover{border-color:#2a4299;} .join-6input select{width:100%;height:100%;background:url("../images/icon-35.png") no-repeat 94% center;display:block;font-size:16px;color:#a6a6a6;padding:0px 20px;box-sizing:border-box;} .join-6input .txt{width:100%;height:100%;background:none;box-sizing:border-box;padding:0px 20px;font-size:16px;color:#a6a6a6;} .join-6input .txt::placeholder{color:#a6a6a6 !important;opacity:1;} .join-6input .txt::-webkit-input-placeholder{color:#a6a6a6 !important;opacity:1;} .join-6input .txt::-ms-input-placeholder{color:#a6a6a6 !important;opacity:1;} .join-6input .txt::-moz-placeholder{color:#a6a6a6 !important;opacity:1;} .join-6input .bt{width:60px;height:100%;background:url("../images/icon-34.png") no-repeat center;position:absolute;right:0px;top:0px;z-index:12;cursor:pointer;} .zpinfo-content{overflow:hidden;margin:50px auto 0px;border-top:1px #e6e6e6 solid;} .zpinfo-pannel{width:100%;overflow:hidden;border-bottom:1px #e6e6e6 solid;} .zpinfo-pannel:nth-child(2n) .zpinfo-title{background:#fff;} .zpinfo-title{width:100%;overflow:hidden;height:99px;background:#f7f7f7;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;display:flex;justify-content:space-between;align-content:center;align-items:center;} .zpinfo-pannel.active .zpinfo-title{background:#1757b8;} .zpinfo-title span{overflow:hidden;padding-left:50px;box-sizing:border-box;font-size:20px;color:#666;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .zpinfo-pannel.active .zpinfo-title span{color:#fff;} .zpinfo-title span:nth-child(1){font-size:22px;color:#555;line-height:32px;width:35%;} .zpinfo-title span:nth-child(2),.zpinfo-title span:nth-child(3),.zpinfo-title span:nth-child(4){width:15%;} .zpinfo-title em{width:8%;overflow:hidden;height:100%;display:block;position:relative;cursor:pointer;} .zpinfo-title em:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-36-1.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .zpinfo-title em:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-36.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .zpinfo-model{width:100%;overflow:hidden;background-size:auto 100%;padding:4vw 4vw 5.4vw 25vw;box-sizing:border-box;display:none;} .zpinfo-pannel.active .zpinfo-title em:before{opacity:0;} .zpinfo-pannel.active .zpinfo-title em:after{opacity:1;} .zpinfo-model .h4{float:left;width:100%;overflow:hidden;font-size:22px;color:#333;margin-top:40px;} .zpinfo-item{float:left;width:100%;overflow:hidden;font-size:16px;color:#808080;line-height:32px;margin-top:15px;} .zpinfo-more{float:left;width:100%;margin-top:40px;} .zpinfo-more a{float:left;width:180px;height:48px;line-height:48px;overflow:hidden;border-radius:30px;background:#1757b8;cursor:pointer;text-align:center;font-size:16px;color:#fff;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;box-shadow:0px 5px 12px 5px rgba(56,107,243,0.3);} .zpinfo-more a:hover{transform:translateY(4px);} .zp .news-page{margin-top:110px;} /*contact*/ .contact{width:100%;overflow:hidden;position:relative;} .contact-pic{width:100%;overflow:hidden;} .contact-pic img{width:100%;height:auto;} .contact-left{width:510px;position:absolute;top:50%;transform:translateY(-50%);left:8.335%;z-index:12;} .contact-left .h3{float:left;width:100%;overflow:hidden;font-size:46px;color:#333;} .contact-left ul{float:left;width:100%;overflow:hidden;line-height:42px;font-size:18px;color:#696969;margin-top:20px;} .contact-left ul a{color:#696969;} .contact-left ul a:hover{color:#2a4299;} .contact-wx{float:left;width:100%;overflow:hidden;margin-top:30px;} .contact-item{float:left;width:123px;overflow:hidden;margin-right:28px;} .contact-item samp{float:left;width:100%;overflow:hidden;border-radius:6px;} .contact-item samp img{width:100%;height:auto;} .contact-item span{float:left;width:100%;overflow:hidden;text-align:center;margin-top:12px;font-size:16px;color:#414141;} .contact-right{width:506px;height:272px;position:absolute;right:9.6%;top:36%;z-index:12;background:url("../images/icon-83.png") no-repeat;background-size:100%;} .contact-pannel{width:70%;margin:46px auto 0px;} .contact-pannel em{float:left;width:100%;overflow:hidden;font-size:16px;color:rgba(255,255,255,0.5);} .contact-pannel span{float:left;width:100%;overflow:hidden;font-size:24px;color:white;line-height:30px;margin-top:8px;} .contact-pannel span a{color:#fff;} .contact-pannel p{float:left;width:auto;overflow:hidden;font-size:16px;color:white;margin-top:12px;background:url("../images/icon-37.png") no-repeat left center;padding-left:20px;} /*jingxiaoshang*/ .jx{width:100%;overflow:hidden;padding:130px 8.335% 170px;box-sizing:border-box;} .jx .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .jx-content{width:100%;overflow:hidden;margin-top:50px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:26px;} .jx-item{width:100%;overflow:hidden;border-radius:10px;position:relative;height:13.54vw;cursor:pointer;} .jx-item samp{width:100%;display:block;height:100%;overflow:hidden;background:#f8f8f8;} .jx-item samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:4;background:-webkit-linear-gradient(-30deg,#f8f8f8 30%,rgba(248,248,248,0.1));background:-moz-linear-gradient(-30deg,#f8f8f8 30%,rgba(248,248,248,0.1));background:-ms-linear-gradient(-30deg,#f8f8f8 30%,rgba(248,248,248,0.1));background:-o-linear-gradient(-30deg,#f8f8f8 30%,rgba(248,248,248,0.1));-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;opacity:1;} .jx-item samp:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:4;background:-webkit-linear-gradient(-30deg,#0a51bd 20%,rgba(10,81,189,0));background:-moz-linear-gradient(-30deg,#0a51bd 20%,rgba(10,81,189,0));background:-ms-linear-gradient(-30deg,#0a51bd 20%,rgba(10,81,189,0));background:-o-linear-gradient(-30deg,#0a51bd 20%,rgba(10,81,189,0));-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;opacity:0;} .jx-item samp img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.3;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=$scale);} .jx-item:hover samp img{opacity:1;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=$scale);} .jx-item:hover samp:before{opacity:0;} .jx-item:hover samp:after{opacity:1;} .jx-model{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;} .jx-model span{float:left;width:100%;overflow:hidden;font-size:24px;color:#353535;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .jx-model ul{float:left;width:100%;overflow:hidden;margin-top:10px;} .jx-model ul li{width:100%;overflow:hidden;line-height:30px;font-size:16px;color:#555;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .jx-item:hover .jx-model span,.jx-item:hover .jx-model ul li{color:#fff;} /*jishu*/ .js-1{width:100%;overflow:hidden;background:url("../images/jishu-1.jpg") no-repeat;background-size:cover;padding:140px 8.335% 170px;box-sizing:border-box;} .js-1head{width:100%;overflow:hidden;text-align:center;} .js-1head .h3{width:100%;overflow:hidden;font-size:46px;color:#333;} .js-1head p{width:100%;overflow:hidden;font-size:20px;color:#696969;margin-top:7px;} .js-1content{width:100%;overflow:hidden;margin-top:54px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px;} .js-1item{width:100%;overflow:hidden;height:14.16vw;border-radius:10px;} .js-1item a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .js-1pic{width:100%;height:100%;overflow:hidden;background:#000;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;} .js-1pic img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.7;} .js-1item:hover .js-1pic img{transform:scale(1.03);opacity:0.3;} .js-1item:hover .js-1pic{background:#0a51bd;} .js-1title{width:100%;overflow:hidden;position:absolute;left:0px;bottom:30px;z-index:12;color:#fff;line-height:24px;font-size:24px;box-sizing:border-box;padding:0px 10px;text-align:center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;} .js-1item:hover .js-1title{opacity:0;} .js-1model{width:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;color:#fff;text-align:center;} .js-1model span{width:100%;overflow:hidden;font-size:32px;transform:translateY(60px);opacity:0;display:block;} .js-1model p{width:100%;overflow:hidden;font-size:18px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:10px;transform:translateY(60px);opacity:0;} .js-1more{width:100%;overflow:hidden;margin-top:18px;transform:translateY(60px);opacity:0;} .js-1more em{width:120px;height:44px;line-height:44px;display:block;overflow:hidden;margin:0px auto;background:#fff;border-radius:30px;text-align:center;font-size:16px;color:#1e6cbf;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .js-1more em:hover{background:#1e6cbf;color:#fff;} .js-1item:hover .js-1model span{animation:updown 0.7s ease 0.1s 1;animation-fill-mode:forwards;} .js-1item:hover .js-1model p{animation:updown 0.7s ease 0.2s 1;animation-fill-mode:forwards;} .js-1item:hover .js-1more{animation:updown 0.7s ease 0.3s 1;animation-fill-mode:forwards;} .js-2{width:100%;overflow:hidden;background:#fff;padding:130px 0px 167px;} .js-2content{width:100%;overflow:hidden;} .js-2content .swiper{margin:0px auto;padding:50px 15px 70px;} .js-2 .about-4bottom{margin-top:0px;} .js-2content .swiper-slide{width:100%;overflow:hidden;box-shadow:0px 0px 12px 5px rgba(70,70,70,0.1);border-radius:10px;cursor:pointer;box-sizing:border-box;padding:55px 40px;position:relative;} .js-2bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-position: center;background-repeat: no-repeat;background-size:cover;z-index:2;background-size:cover;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .js-2bg:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:1;background:-webkit-linear-gradient(left,rgba(21,78,183,1),rgba(21,78,183,0.3));background:-moz-linear-gradient(left,rgba(21,78,183,1),rgba(21,78,183,0.3));background:-ms-linear-gradient(left,rgba(21,78,183,1),rgba(21,78,183,0.3));background:-o-linear-gradient(left,rgba(21,78,183,1),rgba(21,78,183,0.3));} .js-2item{width:100%;overflow:hidden;position:relative;z-index:12;} .js-2item samp{float:left;width:100%;overflow:hidden;height:53px;position:relative;} .js-2item samp img{width:auto;height:auto;max-height:100%;position:absolute;left:0px;position:absolute;top:50%;transform:translateY(-50%);} .js-2item samp img:last-child{opacity:0;} .js-2item span{float:left;width:100%;overflow:hidden;font-size:24px;color:#333;margin-top:16px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .js-2item p{float:left;width:100%;overflow:hidden;font-size:16px;color:#333;margin-top:10px;line-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .js-2content .swiper-slide:hover .js-2bg{opacity:1;} .js-2content .swiper-slide:hover .js-2item samp img{opacity:0;} .js-2content .swiper-slide:hover .js-2item samp img:last-child{opacity:1;} .js-2content .swiper-slide:hover span,.js-2content .swiper-slide:hover p{color:#fff;} .js-3{width:100%;overflow:hidden;background:#eff4f8;padding:160px 0px 200px;} .js-3content{margin:40px auto 0px;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0px 0px 12px 5px rgba(70,70,70,0.1);display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:70px;box-sizing:border-box;} .js-3item{width:auto;overflow:hidden;} .js-3item samp{width:100%;display:block;overflow:hidden;height:60px;display:flex;justify-content:center;align-items:center;} .js-3item samp img{width:auto;height:auto;max-height:100%;} .js-3item span{width:100%;overflow:hidden;display:block;text-align:center;font-size:18px;color:#154eb7;margin-top:20px;} .js-3model{width:40px;height:20px;overflow:hidden;background:url("../images/icon-44.png") no-repeat center;} /*congzu*/ .cz-1{width:100%;overflow:hidden;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;padding:130px 0px 170px;} .cz-1 .h3{float:left;width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .cz-1content{float:left;width:100%;padding:0px 8.335%;box-sizing:border-box;margin-top:60px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:22px;} .cz-1item{width:100%;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0px 0px 12px 5px rgba(70,70,70,0.1);box-sizing:border-box;padding:56px 10px 24px;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;} .cz-1item samp{width:100%;overflow:hidden;display:block;height:83px;display:flex;justify-content:center;align-items:center;} .cz-1item samp img{width:auto;height:auto;max-height:100%;} .cz-1item span{width:100%;display:block;overflow:hidden;text-align:center;line-height:26px;font-size:18px;color:#333;margin-top:30px;} .cz-1item:hover{box-shadow:0px 0px 12px 5px rgba(70,70,70,0.4);} .cz-1item:hover samp img{transform:rotateY(180deg);} .cz-1pannel{float:left;width:100%;padding:0px 8.335%;box-sizing:border-box;margin-top:22px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;} .cz-1model{width:100%;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0px 0px 12px 5px rgba(70,70,70,0.1);box-sizing:border-box;position:relative;height:10.62vw;cursor:pointer;} .cz-1model samp{width:100%;height:100%;display:block;overflow:hidden;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;} .cz-1model samp img{width:100%;height:100%;object-fit:cover;object-position:center;} .cz-1ver{width:86%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;} .cz-1ver span{float:left;width:100%;overflow:hidden;font-size:20px;color:#202945;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .cz-1ver p{float:left;width:100%;overflow:hidden;font-size:16px;color:#808897;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;line-height:24px;margin-top:6px;} .cz-1model:hover samp{opacity:1;} .cz-1model:hover .cz-1ver span{color:#fff;} .cz-1model:hover .cz-1ver p{color:rgba(255,255,255,0.7);} .cz-2{width:100%;overflow:hidden;padding:150px 0px 140px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#fff;} .cz-2 .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .cz-2content{margin:50px auto 0px;text-align:center;} .cz-2content img{width:auto;height:auto;max-width:100%;} .cz-3{width:100%;overflow:hidden;padding:0px 8.335% 140px;box-sizing:border-box;} /*other*/ .other-1{width:100%;overflow:hidden;background:url("../images/other-1.jpg") no-repeat;background-size:cover;padding:160px 0px;} .other-1 ul{width:100%;overflow:hidden;display:flex;justify-content:center;} .other-1 ul li{width:auto;overflow:hidden;height:50px;line-height:50px;margin:0px 8px;border:1px #d5d9de solid;border-radius:30px;padding:0px 25px;cursor:pointer;font-size:18px;color:#26313e;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .other-1 ul li.active{background:#1757b8;border-color:#1757b8;color:#fff;} .other-1content{width:100%;overflow:hidden;position:relative;margin-top:110px;} .other-1pannel{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:1;transform:translateY(60px);opacity:0;} .other-1pannel.active{position:relative;z-index:2;animation:updown 0.7s ease 1;animation-fill-mode:forwards;} .other-1pannel span{width:850px;display:block;overflow:hidden;margin:0px auto;text-align:center;font-size:48px;color:#333;line-height:60px;} .other-1info{width:1050px;display:block;overflow:hidden;margin:35px auto 0px;text-align:center;font-size:24px;color:#333;line-height:36px;} .other-2{width:100%;overflow:hidden;position:relative;} .other-2pic{width:100%;overflow:hidden;} .other-2pic img{width:100%;overflow:hidden;height:auto;} .other-2content{width:100%;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;z-index:12;} .other-2item{float:left;width:25%;height:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:0px 3vw 4.5vw;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:flex-end;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .other-2item:before{width:1px;height:100%;content:"";position:absolute;right:0px;top:0px;background:rgba(255,255,255,0.25);} .other-2item:last-child:before{display:none;} .other-2item:hover{padding-bottom:8vw;} .other-2item samp{width:100%;overflow:hidden;display:block;height:0px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;display:flex;justify-content:space-between;align-items:center;} .other-2item samp img{width:auto;height:auto;max-height:100%;} .other-2item span{width:100%;overflow:hidden;display:block;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;font-size:20px;color:#fff;line-height:30px;margin-top:20px;} .other-2item:hover samp{height:50px;} .other-2item:hover span{font-size:24px;line-height:36px;} .other-4{width:100%;overflow:hidden;padding:100px 8.335% 140px;box-sizing:border-box;} /*product*/ .pro-1{width:100%;overflow:hidden;background:url("../images/pro-1.jpg") no-repeat;background-size:cover;padding:110px 0px 167px;} .pro-1 .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .pro-1content{overflow:hidden;margin:40px auto 0px;} .pro-1 .swiper-slide{overflow:hidden;background:#fff;border-radius:5px;} .pro-1item{width:100%;overflow:hidden;padding:64px 10px 50px;box-sizing:border-box;} .pro-1item samp{width:100%;display:block;overflow:hidden;height:80px;display:flex;justify-content:center;align-items:center;} .pro-1item samp img{width:auto;height:auto;max-height:100%;} .pro-1item span{width:100%;display:block;overflow:hidden;text-align:center;margin-top:34px;font-size:20px;color:#333;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-1item:hover samp img{transform:rotateY(180deg);} .pro-1item:hover span{color:#2a4299;} .pro-1 .about-4bottom{margin-top:50px;} .pro-2{width:100%;overflow:hidden;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;padding:110px 0px 280px;} .pro-2 .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#fff;} .pro-2content{width:790px;margin:0px auto 0px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;padding-top:70px;} .pro-2item{width:100%;overflow:hidden;border-radius:12px;background:#fff;box-sizing:border-box;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-2item a{width:100%;height:100%;display:block;overflow:hidden;box-sizing:border-box;padding:24px 10px 34px;} .pro-2item samp{width:100%;display:block;overflow:hidden;height:67px;display:flex;justify-content:center;align-items:center;} .pro-2item samp img{width:auto;height:auto;max-height:100%;} .pro-2item span{width:100%;display:block;overflow:hidden;text-align:center;font-size:20px;color:#0a51bd;margin-top:10px;} .pro-2item:hover{transform:translateY(-5px);} /*pro-type*/ .pro-type{width:100%;background:#eaeff3 url("../images/bg-9.jpg") no-repeat top left;background-size:cover;padding:130px 0px 240px;} .pro-3{margin:0px auto;position:relative;} .pro-left{float:left;width:250px;overflow:hidden;position:sticky;top:150px;background:-webkit-linear-gradient(top,#3671de,#154eb7);background:-moz-linear-gradient(top,#3671de,#154eb7);background:-ms-linear-gradient(top,#3671de,#154eb7);background:-o-linear-gradient(top,#3671de,#154eb7);padding:60px 0px;box-sizing:border-box;} .pro-left .h3{float:left;width:100%;overflow:hidden;padding-left:40px;box-sizing:border-box;font-size:30px;color:#fff;} .pro-left ul{float:left;width:100%;overflow:hidden;margin-top:30px;} .pro-left ul li{width:100%;overflow:hidden;padding:20px 10px 20px 40px;box-sizing:border-box;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-left ul li.active{background:#fff;} .pro-left ul li a{width:100%;display:block;overflow:hidden;font-size:20px;line-height:24px;color:#fff;box-sizing:border-box;padding-left:20px;position:relative;} .pro-left ul li a:before{width:5px;height:5px;content:"";left:0px;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;background:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-left ul li.active a{color:#154eb7;} .pro-left ul li.active a:before{background:#154eb7;} .pro-left ul li:hover a{transform:translateX(8px);} .pro-right{float:right;width:calc(100% - 250px - 36px);overflow:hidden;background:#fff;padding:60px 46px 150px;box-sizing:border-box;} .pro-right .h4{width:100%;overflow:hidden;font-size:46px;color:#1757b8;background:url("../images/icon-71.png") repeat-x left bottom;padding-bottom:30px;} .pro-info{width:100%;overflow:hidden;font-size:20px;color:#333;line-height:40px;margin-top:40px;} .pro-slide{width:100%;overflow:hidden;margin-top:80px;} .pro-slide span{float:left;width:auto;height:50px;line-height:50px;overflow:hidden;border:1px #d8dce2 solid;border-radius:30px;margin:10px 20px 0px 0px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-slide span a{width:100%;display:block;height:100%;overflow:hidden;padding:0px 36px;font-size:18px;color:#26313e;} .pro-slide span.active,.pro-slide span:hover{background:#2a4299;border-color:#2a4299;} .pro-slide span.active a,.pro-slide span:hover a{color:#fff;} .pro-content{width:100%;overflow:hidden;margin-top:54px;border-radius:10px;border:1px #cedfff solid;box-sizing:border-box;} .pro-head{width:100%;overflow:hidden;height:80px;background:#154eb7;display:flex;justify-content:space-between;color:#fff;font-size:18px;line-height:24px;} .pro-head span{display:block;height:100%;overflow:hidden;border-right:1px #cedfff solid;display:flex;justify-content:center;align-items:center;padding:0px 10px;box-sizing:border-box;} .pro-head span:last-child{border:none;} .pro-head span.p1{flex:1.1;} .pro-head span.p2{flex:1;} .pro-head span.p3{flex:1.4;} .pro-head span.p4{flex:1.3;} .pro-content ul{width:100%;overflow:hidden;} .pro-content ul li{width:100%;overflow:hidden;border-bottom:1px #cedfff solid;background:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;position:relative;} .pro-content ul li a{width:100%;display:block;overflow:hidden;height:100%;display:flex;justify-content:space-between;} .pro-content ul li:last-child{border-bottom:none;} .pro-content ul li:nth-child(2n+1){background:#f2f5ff;} .pro-content ul li:hover{background:#dfeaff !important;} .pro-content ul li span:first-child{background:#dfeaff;} .pro-content ul li span:last-child{border:none;} .pro-content ul li span{display:block;overflow:hidden;border-right:1px #cedfff solid;display:flex;justify-content:center;align-items:center;font-size:16px;color:#000;line-height:22px;padding:20px 10px;text-align:left;word-break:break-word;} .pro-content ul li span.p1{flex:1.1;} .pro-content ul li span.p2{flex:1;} .pro-content ul li span.p3{flex:1.4;} .pro-content ul li span.p4{flex:1.3;} .pro-content ul li em{width:16%;height:100%;position:absolute;right:0px;top:0px;z-index:20;cursor:pointer;} .pro-content ul li span.p1:nth-child(1){ display:block;} .pro-content ul li span.p1 i{font-size: 12px; font-style: normal; background: #F7314A; color: #fff; padding: 0 6px; border-radius: 0.4em; display: inline-block; line-height: 19px; position: relative; top: -1px;} .pro-page{width:100%;overflow:hidden;margin-top:87px;display:flex;justify-content:center;} .pro-page a{width:26px;height:26px;line-height:26px;display:block;overflow:hidden;margin:0px 11px;border:1px #d1e0ff solid;text-align:center;font-size:16px;color:#999;border-radius:50%;} .pro-page a.active,.pro-page a:hover{background:#154eb7;border-color:#154eb7;color:#fff;} .pro-tj{margin:120px auto 0px;} .pro-tj .h3{width:100%;overflow:hidden;text-align:center;font-size:47px;color:#333;} .pro-4{width:100%;overflow:hidden;margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:34px;} .pro-4item{width:100%;overflow:hidden;border-radius:5px;background:#fff;} .pro-4item a{width:100%;display:block;overflow:hidden;height:100%;} .pro-4item samp{width:100%;height:14.21vw;display:block;overflow:hidden;} .pro-4item samp img{width:100%;height:100%;object-fit:cover;object-position:center;} .pro-4item:hover samp img{transform:scale(1.03);} .pro-4cont{width:100%;overflow:hidden;box-sizing:border-box;padding:50px 60px 40px;} .pro-4cont span{width:100%;display:block;overflow:hidden;text-align:center;font-size:22px;color:#333;line-height:30px;height:60px;} .pro-4cont p{width:100%;display:block;overflow:hidden;text-align:center;font-size:16px;color:#999;line-height:30px;margin-top:10px;} .pro-4cont em{width:120px;height:40px;line-height:40px;display:block;overflow:hidden;margin:20px auto 0px;border:1px #eaeaea solid;border-radius:30px;text-align:center;font-size:14px;color:#333;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .pro-4cont em:hover{background:#154eb7;border-color:#154eb7;color:#fff;} .pro-image{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:10000;background:rgba(0,0,0,0.8);visibility:hidden;opacity:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-image img{width:auto;height:auto;max-width:80%;max-height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;} .pro-image-close{width:40px;height:40px;border:1px #fff solid;background:#000;position:absolute;right:40px;top:40px;z-index:20;border-radius:50%;cursor:pointer;transform:rotate(45deg);-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pro-image-close:before{width:50%;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;} .pro-image-close:after{width:2px;height:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;} .pro-image-close:hover{transform:rotate(135deg);} .pro-image.active{opacity:1;visibility:visible;} /*lingyu*/ .ly{width:100%;overflow:hidden;background:url("../images/pro-4.jpg") no-repeat;background-size:cover;padding:100px 8.335% 174px;box-sizing:border-box;} .ly .h3{width:100%;overflow:hidden;font-size:46px;color:#333;text-align:center;} .ly-1{margin-top:120px;padding-bottom:150px;} .ly-1 .pro-4item{border:1px #e8e8e8 solid;box-sizing:border-box;} /*pro-detail*/ .pro-detail{width:100%;background:#eef4f8 url("../images/bg-10.jpg") no-repeat left bottom fixed;background-size:100%;box-sizing:border-box;padding:0px 8.335% 180px;} .pinfo-1{width:100%;position:relative;} .pinfo-left{float:left;width:74.4%;overflow:hidden;background:#fff;box-sizing:border-box;padding:0px 60px 40px;margin-top:120px;} .pinfo-1head{width:100%;overflow:hidden;height:94px;display:flex;justify-content:space-between;justify-content:flex-end;align-items:center;border-bottom:1px #eee solid;} .pinfo-1head a{width:auto;display:block;overflow:hidden;padding-left:28px;background:url("../images/icon-72.png") no-repeat left center;margin-left:30px;font-size:16px;color:#0a51bd;} .pinfo-1head a:hover{transform:translateY(3px);} .pinfo-2{width:100%;overflow:hidden;margin-top:54px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .pinfo-2left{width:42.8%;overflow:hidden;border-radius:7px;} .pinfo-2left img{width:100%;height:auto;} .pinfo-2right{width:50%;overflow:hidden;} .pinfo-2right .h3{float:left;width:100%;overflow:hidden;font-size:40px;color:#333;} .pinfo-2right .h3 i{font-size: 12px; font-style: normal; background: #F7314A; color: #fff; padding: 0 6px; border-radius: 0.4em; display: inline-block; line-height: 20px; position: relative; top: -9px;} .search-item h3 a i{font-size: 12px; font-style: normal; background: #F7314A; color: #fff; padding: 0 6px; border-radius: 0.4em; display: inline-block; line-height: 20px; position: relative; top: -2px;} .pinfo-2price{float:left;width:100%;overflow:hidden;margin-top:22px;position:relative;} .pinfo-2price p{float:left;width:100%;overflow:hidden;display:none;} .pinfo-2price p.active{display:block;} .pinfo-2price p span{float:left;width:auto;font-size:18px;color:#333;margin-top:5px;} .pinfo-2price p em{float:left;width:auto;font-size:26px;color:#bd031b;} .pinfo-2gg{float:left;width:100%;margin-top:16px;position:relative;z-index:12;} .pinfo-2gg span{float:left;width:auto;font-size:18px;color:#333;} .pinfo-2slide{float:left;width:auto;position:relative;} .pinfo-2slide em{float:left;width:auto;font-size:18px;color:#333;background:url("../images/icon-73.png") no-repeat right center;padding-right:20px;} .pinfo-2list{width:100px;position:absolute;top:20px;left:0px;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;} .pinfo-2body{width:100%;overflow:hidden;background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1);padding:10px 0px;margin-top:10px;} .pinfo-2body p{width:100%;height:26px;line-height:26px;padding:0px 20px;font-size:14px;color:#333;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;cursor:pointer;} .pinfo-2body p:hover{background:#f3f3f3;} .pinfo-2slide:hover .pinfo-2list{opacity:1;visibility:visible;} .pinfo-2num{float:left;width:100%;overflow:hidden;margin-top:22px;position:relative;} .pinfo-2num p{float:left;width:100%;overflow:hidden;display:none;} .pinfo-2num p.active{display:block;} .pinfo-2num p span{float:left;width:auto;font-size:18px;color:#333;} .pinfo-2num p em{float:left;width:auto;font-size:18px;color:#333;} .pinfo-2more{float:left;width:100%;margin-top:30px;} .pinfo-2more a{float:left;width:120px;height:42px;line-height:42px;overflow:hidden;border-radius:30px;background:#154eb7;text-align:center;color:#fff;font-size:14px;} .pinfo-2more a:hover{transform:translateY(-3px);} .pinfo-3{width:100%;overflow:hidden;margin-top:90px;} .pinfo-4{width:100%;overflow:hidden;margin-top:43px;} .pinfo-4:first-child{margin-top:0px;} .pinfo-4head{widows:100%;overflow:hidden;height:48px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0px 0px;background:#0a51bd;box-sizing:border-box;padding:0px 36px;cursor:pointer;} .pinfo-4head span{width:auto;display:block;font-size:20px;color:#fff;} .pinfo-4head p{width:auto;overflow:hidden;} .pinfo-4head p img{transform:rotate(-90deg);} .pinfo-4content{width:100%;overflow:hidden;border-radius:0px 0px 12px 12px;border:1px #e5e5e5 dashed;border-top:none;box-sizing:border-box;padding:42px;display:none;} .pinfo-4content ul,.pinfo-4content ul li{width:100%;overflow:hidden;} .pinfo-4content ul li{background:url("../images/icon-75.png") repeat-x left bottom;padding:15px 0px 15px 30px;box-sizing:border-box;line-height:24px;position:relative;} .pinfo-4content ul li:before{width:5px;height:5px;content:"";border-radius:50%;background:#0a51bd;left:0px;position:absolute;top:50%;transform:translateY(-50%);position:absolute;} .pinfo-4content ul li span{font-size:18px;color:#333;} .pinfo-4content ul li p{font-size:18px;color:#666;display:inlinez;} .pinfo-4info{width:100%;overflow:hidden;line-height:36px;font-size:18px;color:#333;} .pinfo-4item{width:100%;overflow:hidden;padding:25px 0px;background:url("../images/icon-75.png") repeat-x left bottom;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .pinfo-4item:first-child{padding-top:0px;} .pinfo-4item:last-child{padding-bottom:0px;background:none;} .pinfo-4item samp{width:100%!important;display:block;overflow:hidden;border-radius:0px!important;} .pinfo-4item samp img{width:auto!important;height:auto;max-width:100% } .pinfo-4des{width:79%;overflow:hidden;font-size:18px;color:#333;line-height:36px;} .pinfo-4.active .pinfo-4head p img{transform:rotate(0deg);} .pinfo-right{float:right;width:23%;overflow:hidden;margin-top:-120px;position:sticky;top:120px;margin-top:120px;} .pinfo-right .detail-right{float:left;width:100%;margin-top:0px;position:relative;top:0px;padding:38px 0px;} .pinfo-ad{float:left;width:100%;overflow:hidden;margin-top:30px;border-radius:5px;} .pinfo-ad a{width:100%;height:100%;display:block;overflow:hidden;position:relative;} .pinfo-ad img{width:100%;overflow:hidden;height:auto;} .pinfo-ver{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;} .pinfo-ver span{width:100%;display:block;overflow:hidden;text-align:center;font-size:24px;color:#fff;} .pinfo-ver em{width:152px;height:46px;line-height:46px;display:block;overflow:hidden;text-align:center;margin:30px auto 0px;border-radius:7px;background:#154eb7;font-size:18px;color:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .pinfo-ver em:hover{transform:translateY(4px);} .pinfo-5{width:100%;overflow:hidden;margin-top:120px;} .pinfo-5 .h3{width:100%;overflow:hidden;text-align:center;font-size:46px;color:#333;} .pinfo-5content{width:100%;overflow:hidden;margin-top:50px;} /*leaf*/ .leaf{width:auto;position:fixed;right:70px;top:40%;z-index:700;} .leaf-item{width:100%;margin-top:10px;position:relative;} .leaf-item a{width:100%;height:100%;display:block;overflow:hidden;} .leaf-icon{width:60px;height:60px;overflow:hidden;background:#fff;border-radius:50%;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.1);cursor:pointer;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .leaf-icon img{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .leaf-icon img:last-child{opacity:0;} .leaf-item:hover .leaf-icon img{opacity:0;} .leaf-item:hover .leaf-icon img:last-child{opacity:1;} .leaf-item:hover .leaf-icon{background:#2a4299;} .leaf-pannel{width:auto;position:absolute;right:50px;top:-150px;z-index:12;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;opacity:0;visibility:hidden;} .leaf-body{width:auto;padding:0px 25px;background:#fff;border-radius:9px;position:absolute;right:40px;top:0px;z-index:12;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.1);} .leaf-body:before{width:auto;content:"";position:absolute;right:-10px;top:60%;border-top:10px transparent solid;border-bottom:10px transparent solid;border-left:10px #fff solid;} .leaf-model{width:240px;overflow:hidden;border-bottom:1px #e6e6e6 solid;padding:20px 0px;} .leaf-1{float:left;width:auto;overflow:hidden;} .leaf-1 span{width:100%;overflow:hidden;padding-left:28px;font-size:18px;color:#000;background:url("../images/icon-80.png") no-repeat left center;} .leaf-1 p{width:100%;overflow:hidden;padding-left:28px;font-size:12px;color:#808080;margin-top:3px;} .leaf-2{float:right;width:auto;overflow:hidden;font-size:14px;color:#000;} .leaf-2 span{width:100%;display:block;overflow:hidden;} .leaf-1 em{width:100%;overflow:hidden;padding-left:28px;font-size:18px;color:#000;background:url("../images/icon-81.png") no-repeat left center;} .leaf-3{float:right;width:auto;overflow:hidden;} .leaf-3 img{width:84px;height:auto;} .leaf-4{width:auto;overflow:hidden;padding:20px 0px;} .leaf-4 a{width:100%;height:100%;display:block;overflow:hidden;} .leaf-4 span{width:100%;overflow:hidden;padding-left:28px;font-size:18px;color:#000;background:url("../images/icon-82.png") no-repeat left center;} .leaf-4 em{float:right;width:80px;height:32px;line-height:32px;overflow:hidden;border-radius:20px;background:#005bab;text-align:center;font-size:14px;color:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .leaf-4 em:hover{transform:translateX(-3px);} .leaf-item:hover .leaf-pannel{opacity:1;visibility:visible;} .leaf-form{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:10000;background:rgba(0,0,0,0.7);visibility:hidden;opacity:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .leaf-form.active{opacity:1;visibility:visible;} .leaf-center{width:570px;background:#fff;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .leaf-head{width:100%;overflow:hidden;background:url("../images/bg-11.jpg") no-repeat center;background-size:cover;height:90px;line-height:90px;} .leaf-head span{float:left;width:auto;height:100%;font-size:36px;color:#fff;margin-left:44px;} .leaf-head em{float:right;width:24px;height:24px;overflow:hidden;cursor:pointer;background:url("../images/icon-84.png") no-repeat center;background-size:100%;margin-right:76px;margin-top:33px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .leaf-head em:hover{transform:rotate(180deg);} .leaf-center form{width:100%;overflow:hidden;display:block;padding:20px 44px 60px;box-sizing:border-box;} .leaf-input,.leaf-text{width:100%;overflow:hidden;display:block;margin-top:14px;} .leaf-input label{float:left;width:auto;height:46px;line-height:46px;overflow:hidden;font-size:18px;color:#999;} .leaf-input input{float:right;width:calc(100% - 135px);height:44px;line-height:44px;overflow:hidden;border:1px #ebebeb solid;border-radius:7px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;padding:0px 15px;font-size:18px;} .leaf-input input:hover{border-color:#2a4299;} .leaf-text label{float:left;width:100%;height:46px;line-height:46px;overflow:hidden;font-size:18px;color:#999;} .leaf-text textarea{float:left;width:100%;overflow:hidden;border:1px #ebebeb solid;border-radius:7px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;padding:15px;font-size:18px;line-height:24px;box-sizing:border-box;height:120px;resize:none;overflow-y:auto;} .leaf-text textarea:hover{border-color:#2a4299;} .leaf-button{width:100%;display:block;margin-top:35px;} .leaf-button input{width:118px;height:45px;line-height:45px;display:block;margin:0px auto;cursor:pointer;border-radius:4px;background:#2a4299;text-align:center;font-size:18px;color:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .leaf-button input:hover{transform:translateY(2px);} @media screen and (max-width:1660px){.banner-center .h3,.banner-wz .h3{font-size:44px;} .banner-info{font-size:20px;} .hpro-left .h3,.hjs-head .h3,.home-2head .h3,.hnews-left .h3,.hcor-head .h3{font-size:40px;} .hpro-left p,.hjs-head p,.home-2head p,.hnews-left p,.hcor-head p,.about-1info,.zp-1info{font-size:19px;} /*header*/ .header{padding:0px 80px;height:90px;} .logo{width:200px;} .header-right ul li{margin-left:40px;} .header-right ul li span{height:90px;line-height:90px;} .header-right ul li span a{font-size:17px;} .sub-nav{top:90px;} .sub-nav p em{height:36px;line-height:36px;} .header-phone{margin-left:50px;padding-left:26px;font-size:17px;} .header-search{width:180px;height:36px;line-height:36px;margin-left:32px;} .header-search .txt2{padding:0px 50px 0px 20px;} .header-lang span{width:36px;height:36px;} .header-lang p{top:85px;} /*footer*/ .footer-1{padding:100px 0px;} .footer-1left{width:calc(100% - 450px);} .footer-1item .h3 a{font-size:18px;} .footer-1item ul{margin-top:18px;} .footer-1item ul li{line-height:40px;} .footer-1item ul li a{font-size:15px;} .footer-1right em{font-size:38px;} .footer-1right ul{line-height:30px;font-size:15px;margin-top:12px;} .footer-1wx{width:290px;margin-top:20px;} .footer-1wx samp{width:96px;} .footer-1wx span{width:156px;} .footer-2 span{font-size:16px;} .footer-2 span a{margin-left:15px;} .footer-2 ul li{margin-left:25px;} /*home-banner*/ .banner-sub{font-size:22px;} .banner .swiper-pagination{bottom:50px;} /*home-pro*/ .hpro{padding:90px 8.335% 100px;} .hpro-head ul li{height:44px;line-height:44px;padding:0px 30px;margin-left:10px;font-size:17px;} .hpro-content{margin-top:50px;} .hpro-item span{font-size:28px;} .hpro-item p{font-size:14px;line-height:28px;margin-top:12px;} .hpro-more{margin-top:50px;} .hpro-model em{height:46px;} .hpro-model span{font-size:22px;margin-top:25px;} .hpro-model p{font-size:13px;margin-top:14px;line-height:25px;} .hpro-link{width:26px;height:26px;} /*home-ad*/ .home-ad{padding:120px 0px;} .home-ad .h3{font-size:40px;letter-spacing:8px;margin-left:4px;} /*home-js*/ .hjs-head{top:160px;} .hjs-head p{margin-top:6px;} .hjs-content{bottom:140px;} .hjs-content .swiper-slide{height:190px;margin-right:8px;} .hjs-item span{font-size:22px;} .hjs-item p{font-size:15px;margin-top:8px;} .hjs-model span{font-size:16px;} .hjs-model p{font-size:14px;margin-top:8px;} /*home-1*/ .home-1{padding:100px 0px 200px;} .home-1head{width:1050px;} .home-1head .h3{font-size:40px;line-height:52px;} .home-1info{font-size:22px;line-height:32px;margin-top:30px;} .home-1more{padding-top:40px;} .home-1more a{width:170px;height:48px;line-height:48px;font-size:15px;} .home-1 ul{margin-top:90px;} .home-1 ul li span{font-size:16px;} .home-1 ul li span em{font-size:70px;margin-top:-20px;} .home-1 ul li p{font-size:15px;} /*home-2*/ .home-2{padding:100px 0px;} .home-2head p{margin-top:6px;} .home-map{width:1200px;} .home-2model{width:300px;padding:28px 0px;} .home-2model span{padding:0px 25px;font-size:20px;} .home-2model p em{line-height:28px;font-size:15px;margin-left:25px;} /*home-news*/ .hnews-left{margin-top:120px;} .hnews-left p{margin-top:6px;} .hnews-left ul{margin-top:26px;} .hnews-left ul li{width:136px;height:44px;line-height:44px;margin-top:20px;} .hnews-left ul li a{font-size:16px;} .hnews-right{height:900px;} .hnews-right:before,.hnews-right:after{height:130px;} .hnews-pannel:first-child{margin-right:30px;} .hnews-item{margin-top:28px;} .hnews-model{margin-top:11vw;} .hnews-top span{font-size:24px;line-height:32px;} .hnews-bottom span{font-size:16px;} .hnews-bottom em{font-size:16px;} .hnews-item:hover .hnews-model em{margin-top:10px;} /*home-cor*/ .hcor{padding:90px 8.335%;} .hcor-head p{margin-top:6px;} .hcor-content{margin-top:28px;} /*home-3*/ .home-3{height:240px;} .home-3left{font-size:36px;line-height:48px;} .home-3right span{width:180px;height:54px;line-height:54px;} .home-3right span a{font-size:17px;} .home-3right p{width:180px;height:54px;line-height:54px;} .home-3right p em{font-size:17px;margin-right:12px;} .home-3right p samp{width:30px;height:30px;background-size:15px;} /*news*/ .banner-news{margin-top:90px;} .banner-bottom{bottom:130px;} .bread{font-size:15px;} .col{height:50px;line-height:50px;margin-top:-50px;} .col ul li a{font-size:17px;} .news{padding:130px 0px 140px;} .news-list{padding:70px 8.335% 110px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;} .news-cont{padding:32px;} .news-cont span{font-size:22px;line-height:32px;min-height:64px;} .news-page a{height:40px;line-height:40px;padding:0px 15px;font-size:14px;} /*zhanhui*/ .zhanhui{padding:180px 8.335% 150px;} .zh-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;padding-bottom:80px;} .zh-item a{padding:38px;} .zh-item span{font-size:22px;line-height:28px;} .zh-item p{font-size:16px;} /*news-info*/ .banner-ver{padding-bottom:100px;} .banner-ver .h1{width:70%;font-size:48px;line-height:64px;margin-top:28px;} .detail-des{font-size:26px;margin-top:10px;} .detail-1{font-size:17px;margin-top:30px;} .detail{padding-bottom:150px;} .detail-left{margin-top:-100px;} .detail-body{padding:30px 30px 50px;line-height:32px;} .detail-body p{margin:30px 0px;} .detail-page{padding:30px;margin-top:20px;} .detail-2 span{line-height:28px;} .detail-2 span a{font-size:15px;} .detail-right{margin-top:-100px;padding:35px 0px;} .detail-card{margin:36px auto 0px;} .detail-card span{font-size:15px;} .detail-right ul li{padding:20px 0px;} .detail-right ul li a{font-size:15px;} /*ziliao*/ .zl{padding:140px 8.335% 100px;} .zl ul li{height:44px;line-height:44px;} .zl ul li a{padding:0px 30px;font-size:17px;} .zl-1{margin-top:140px;} .zl-1 .h3{font-size:38px;} .zl-1 p{font-size:18px;margin-top:22px;} .zl-1 form{margin-top:40px;} .zl-1 .txt4{height:52px;line-height:52px;font-size:16px;} .zl-1 .bt4{height:50px;line-height:50px;font-size:16px;} .zl-2{margin-top:90px;} .zl-3{margin-top:50px;font-size:16px;} /*xuanchuan*/ .xc{padding:150px 8.335%;} .xc-1 ul li{height:44px;line-height:44px;} .xc-1 ul li a{padding:0px 30px;font-size:16px;} .xc-2{margin-top:70px;padding-bottom:80px;} .xc-item{margin-top:15px;height:90px;} .xc-item a{padding:0px 50px;} .xc-icon{padding-right:40px;} .xc-cont{width:calc(100% - 190px);font-size:18px;} /*wenxian*/ .wx{padding:140px 8.335%;} .wx-list{margin-top:60px;} .wx-item{margin-top:20px;} .wx-item a{padding:0px 36px;} .wx-top{padding:30px 0px;} .wx-top span{margin-right:80px;font-size:17px;} .wx-top em{font-size:15px;} .wx-cont{padding:24px 0px;line-height:24px;font-size:15px;} /*wenti*/ .wt{padding:150px 8.335% 130px;} .wt-list{margin-top:60px;} .wt-item{margin-top:10px;} .wt-head{height:90px;padding:0px 32px;} .wt-title{width:calc(100% - 110px);font-size:18px;} .wt-content{padding:40px 32px;} .wt-right{line-height:32px;font-size:17px;} /*zhibo*/ .zb{padding:100px 0px 110px;} .zb-list{padding:80px 8.335%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;} .zb-cont{padding-top:26px;} .zb-cont span{font-size:18px;} .zb-tag{margin:12px auto 0px;} .zb-tag em{line-height:24px;padding:0px 8px;} .zb-cont p{line-height:58px;margin-top:25px;font-size:14px;} /*about-1*/ .about-1{padding:120px 8.335% 160px;} .about-1 .h3{font-size:40px;line-height:54px;} .about-1info{line-height:36px;margin-top:22px;} .about-1 ul{margin-top:40px;} .about-1num span{font-size:60px;} .about-1num em{font-size:17px;margin:8px 0px 0px 8px;} .about-1 ul li p{font-size:15px;} .about-2{height:800px;} .about-2 ul li{padding:120px 7vw;} .about-2 ul li samp{height:50px;} .about-2 ul li span{font-size:26px;margin-top:15px;} .about-2 ul li em{font-size:16px;margin-top:10px;} .about-3{padding:130px 8.335% 140px;} .about-3 .h3{font-size:40px;} .about-3content{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;} .about-3model span{font-size:26px;margin-top:10px;} .about-3model p{font-size:18px;margin-top:6px;} .about-3item:hover em{height:50px;} .about-4{padding:120px 8.335% 160px;} .about-4 .h3{font-size:40px;} .about-4content{margin-top:40px;} .about-4pic{padding:14px;} .about-4model span{font-size:17px;margin-top:20px;} .about-4model em{font-size:17px;margin-top:10px;} .about-4bottom{margin-top:70px;} /*zhaopin*/ .zp{padding:100px 0px 120px;} .zp-1 .h3{font-size:40px;line-height:54px;} .zp-1info{line-height:36px;margin-top:22px;} .zp-2{margin:100px auto 0px;} .join-6input{height:56px;line-height:56px;} .join-6input select{font-size:15px;} .join-6input .txt{font-size:15px;} .zpinfo-content{margin:40px auto 0px;} .zpinfo-title{height:90px;} .zpinfo-title span{padding-left:40px;font-size:18px;} .zpinfo-title span:nth-child(1){font-size:20px;line-height:30px;} .zpinfo-model .h4{font-size:20px;margin-top:35px;} .zpinfo-item{font-size:15px;line-height:30px;margin-top:12px;} .zpinfo-more{margin-top:35px;} .zpinfo-more a{width:170px;height:44px;line-height:44px;font-size:15px;} .zp .news-page{margin-top:90px;} /*contact*/ .contact-left{width:500px;} .contact-left .h3{font-size:40px;} .contact-left ul{line-height:40px;font-size:17px;margin-top:18px;} .contact-wx{margin-top:26px;} .contact-item{width:120px;margin-right:24px;} .contact-item span{margin-top:10px;font-size:15px;} .contact-right{right:8.2%;top:33%;} /*jingxiaoshang*/ .jx{padding:110px 8.335% 150px;} .jx .h3{font-size:40px;} .jx-content{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;} .jx-model span{font-size:22px;} .jx-model ul{margin-top:8px;} .jx-model ul li{line-height:28px;font-size:15px;} /*jishu*/ .js-1{padding:130px 8.335% 150px;} .js-1head .h3{font-size:40px;} .js-1head p{font-size:18px;margin-top:6px;} .js-1content{margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:26px;} .js-1title{bottom:26px;font-size:22px;} .js-1model span{font-size:28px;} .js-1model p{font-size:16px;line-height:26px;margin-top:8px;} .js-1more{margin-top:15px;} .js-1more em{height:42px;line-height:42px;font-size:15px;} .js-2{padding:120px 0px 150px;} .js-2content .swiper{padding:40px 15px 60px;} .js-2content .swiper-slide{padding:40px;} .js-2item samp{height:48px;} .js-2item span{font-size:22px;margin-top:15px;} .js-2item p{font-size:15px;margin-top:8px;line-height:24px;} .js-3{padding:150px 0px 180px;} .js-3content{margin:35px auto 0px;padding:60px;} .js-3item samp{height:54px;} .js-3item span{font-size:16px;margin-top:17px;} /*congzu*/ .cz-1{padding:120px 0px 150px;} .cz-1 .h3{font-size:40px;} .cz-1content{margin-top:50px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px;} .cz-1item{padding:50px 10px 22px;} .cz-1item samp{height:74px;} .cz-1item span{line-height:25px;font-size:16px;margin-top:25px;} .cz-1pannel{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;} .cz-1ver span{font-size:18px;} .cz-1ver p{font-size:15px;} .cz-2{padding:150px 0px 140px;} .cz-2 .h3{font-size:40px;} .cz-2content{margin:40px auto 0px;} .cz-3{padding:0px 8.335% 130px;} /*other*/ .other-1{padding:150px 0px;} .other-1 ul li{height:46px;line-height:46px;padding:0px 22px;font-size:17px;} .other-1content{margin-top:90px;} .other-1pannel span{font-size:42px;line-height:52px;} .other-1info{margin:30px auto 0px;font-size:22px;line-height:32px;} .other-2item span{font-size:18px;line-height:28px;margin-top:18px;} .other-2item:hover samp{height:46px;} .other-2item:hover span{font-size:22px;line-height:32px;} .other-4{padding:90px 8.335% 120px;} /*product*/ .pro-1{padding:100px 0px 140px;} .pro-1 .h3{font-size:40px;} .pro-1content{margin:35px auto 0px;} .pro-1item{padding:50px 10px 40px;} .pro-1item samp{height:70px;} .pro-1item span{margin-top:30px;font-size:18px;} .pro-1 .about-4bottom{margin-top:40px;} .pro-2{padding:100px 0px 240px;} .pro-2 .h3{font-size:40px;} .pro-2content{padding-top:60px;} /*pro-type*/ .pro-type{padding:110px 0px 200px;} .pro-left{width:240px;top:130px;padding:40px 0px;} .pro-left .h3{padding-left:30px;font-size:26px;} .pro-left ul{margin-top:25px;} .pro-left ul li{padding:16px 10px 16px 30px;} .pro-left ul li a{font-size:18px;line-height:23px;} .pro-right{width:calc(100% - 240px - 30px);padding:50px 40px 140px;} .pro-right .h4{font-size:40px;padding-bottom:26px;} .pro-info{font-size:18px;line-height:36px;margin-top:34px;} .pro-slide{margin-top:60px;} .pro-slide span{height:44px;line-height:44px;} .pro-slide span a{padding:0px 32px;font-size:16px;} .pro-content{margin-top:48px;} .pro-head{height:70px;font-size:17px;} .pro-content ul li span{font-size:15px;padding:18px 10px;} .pro-page{margin-top:70px;} .pro-page a{width:24px;height:24px;line-height:24px;margin:0px 10px;font-size:15px;} .pro-tj{margin:100px auto 0px;} .pro-tj .h3{font-size:40px;} .pro-4{margin-top:40px;} .pro-4cont{padding:40px 50px;} .pro-4cont span{font-size:20px;line-height:28px;height:56px;} .pro-4cont p{font-size:15px;line-height:26px;} /*lingyu*/ .ly{padding:90px 8.335% 160px;} .ly .h3{font-size:40px;} .ly-1{margin-top:100px;padding-bottom:130px;} /*pro-detail*/ .pro-detail{padding:0px 8.335% 160px;} .pinfo-left{padding:0px 50px 40px;margin-top:100px;} .pinfo-1head{height:80px;} .pinfo-2{margin-top:50px;} .pinfo-2right .h3{font-size:34px;} .pinfo-2price{margin-top:20px;} .pinfo-2price p span{font-size:17px;} .pinfo-2price p em{font-size:24px;} .pinfo-2gg{margin-top:15px;} .pinfo-2gg span{font-size:17px;} .pinfo-2slide em{font-size:17px;} .pinfo-2num{margin-top:20px;} .pinfo-2num p span{font-size:17px;} .pinfo-2num p em{font-size:17px;} .pinfo-2more{margin-top:22px;} .pinfo-3{margin-top:80px;} .pinfo-4{margin-top:36px;} .pinfo-4head{height:42px;padding:0px 32px;} .pinfo-4head span{font-size:18px;} .pinfo-4content{padding:36px;} .pinfo-4content ul li span{font-size:17px;} .pinfo-4content ul li p{font-size:17px;} .pinfo-4info{line-height:32px;font-size:17px;} .pinfo-4item{padding:22px 0px;} .pinfo-4des{font-size:17px;line-height:32px;} .pinfo-right{margin-top:100px;} .pinfo-right .detail-right{padding:32px 0px;} .pinfo-ad{margin-top:26px;} .pinfo-ver span{font-size:22px;} .pinfo-ver em{width:140px;height:44px;line-height:44px;margin:26px auto 0px;font-size:17px;} .pinfo-5{margin-top:100px;} .pinfo-5 .h3{font-size:40px;} .pinfo-5content{margin-top:40px;} /*leaf*/ .leaf{right:40px;} .leaf-icon{width:54px;height:54px;} .leaf-pannel{right:30px;top:-160px;} } @media screen and (max-width:1440px){.banner-center .h3,.banner-wz .h3{font-size:38px;} .banner-info{font-size:18px;} .hpro-left .h3,.hjs-head .h3,.home-2head .h3,.hnews-left .h3,.hcor-head .h3{font-size:32px;} .hpro-left p,.hjs-head p,.home-2head p,.hnews-left p,.hcor-head p,.about-1info,.zp-1info{font-size:16px;} /*header*/ .header{padding:0px 74px;height:80px;} .logo{width:180px;} .header-right ul li{margin-left:30px;} .header-right ul li span{height:80px;line-height:80px;} .sub-nav{top:80px;} .header-phone{margin-left:40px;} .header-lang p{top:70px;} /*footer*/ .footer-1{padding:80px 0px;} .footer-1left{width:calc(100% - 420px);} .footer-1item ul{margin-top:16px;} .footer-1item ul li{line-height:36px;} .footer-1item ul li a{font-size:14px;} .footer-1right em{font-size:32px;} .footer-1right ul{line-height:28px;font-size:14px;margin-top:10px;} .footer-1wx{width:270px;margin-top:16px;} .footer-1wx samp{width:90px;} .footer-1wx span{width:140px;} .footer-2{padding:20px 0px;} .footer-2 span{font-size:15px;} .footer-2 span a{margin-left:12px;} .footer-2 ul li{margin-left:20px;} /*home-banner*/ .banner-sub{font-size:20px;} .banner .swiper-pagination{bottom:40px;} /*home-pro*/ .hpro{padding:80px 8.335%;} .hpro-head ul li{height:40px;line-height:40px;padding:0px 25px;margin-left:8px;font-size:16px;} .hpro-content{margin-top:30px;} .hpro-item span{font-size:22px;} .hpro-item p{line-height:24px;margin-top:8px;} .hpro-more{margin-top:40px;} .hpro-model em{height:40px;} .hpro-model span{font-size:20px;margin-top:20px;} .hpro-model p{margin-top:12px;line-height:23px;} .hpro-link{width:24px;height:24px;} /*home-ad*/ .home-ad{padding:100px 0px;} .home-ad .h3{font-size:36px;letter-spacing:6px;margin-left:3px;} /*home-js*/ .hjs-head{top:150px;} .hjs-content{bottom:130px;} .hjs-content .swiper-slide{height:170px;margin-right:7px;} .hjs-item span{font-size:20px;} .hjs-item p{font-size:14px;margin-top:7px;} .hjs-model span{font-size:15px;} .hjs-model p{font-size:13px;margin-top:7px;} /*home-1*/ .home-1{padding:90px 0px 170px;} .home-1head{width:1000px;} .home-1head .h3{font-size:38px;line-height:48px;} .home-1info{font-size:20px;line-height:30px;margin-top:20px;} .home-1more{padding-top:35px;} .home-1more a{width:160px;height:44px;line-height:44px;font-size:14px;} .home-1 ul{margin-top:80px;} .home-1 ul li span{font-size:15px;} .home-1 ul li span em{font-size:60px;margin-top:-10px;} .home-1 ul li p{font-size:14px;} /*home-2*/ .home-2{padding:80px 0px;} .home-map{width:1000px;} .home-2model{width:260px;padding:24px 0px;} .home-2model span{padding:0px 22px;font-size:18px;} .home-2model p em{line-height:26px;font-size:14px;margin-left:22px;} /*home-news*/ .hnews-left{margin-top:100px;} .hnews-left ul{margin-top:24px;} .hnews-right{height:800px;} .hnews-right:before,.hnews-right:after{height:120px;} .hnews-pannel:first-child{margin-right:25px;} .hnews-item{margin-top:24px;} .hnews-top span{font-size:20px;line-height:28px;} .hnews-bottom span{font-size:15px;} .hnews-bottom em{font-size:15px;} /*home-cor*/ .hcor{padding:80px 8.335%;} .hcor-content{margin-top:24px;} /*home-3*/ .home-3{height:220px;} .home-3left{font-size:30px;line-height:40px;} .home-3right span{width:160px;height:50px;line-height:50px;} .home-3right span a{font-size:16px;} .home-3right p{width:160px;height:50px;line-height:50px;} .home-3right p em{font-size:16px;margin-right:10px;} /*news*/ .banner-news{margin-top:80px;} .banner-bottom{bottom:110px;} .bread{font-size:14px;} .col{height:46px;line-height:46px;margin-top:-46px;} .col ul li a{font-size:16px;} .news{padding:100px 0px 110px;} .news-list{padding:50px 8.335% 90px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;} .news-cont{padding:24px;} .news-cont span{font-size:18px;line-height:26px;min-height:52px;} .news-page a{height:32px;line-height:32px;padding:0px 13px;} /*news-info*/ .banner-ver .h1{width:78%;font-size:40px;line-height:54px;margin-top:24px;} .detail-des{font-size:22px;} .detail-1{font-size:16px;margin-top:28px;} .detail{padding-bottom:130px;} .detail-body{padding:30px 30px 40px;line-height:30px;} .detail-body p{margin:28px 0px;} .detail-page{padding:28px;} .detail-2 span{line-height:26px;} .detail-right{padding:30px 0px;} .detail-card{margin:30px auto 0px;} .detail-card span{font-size:14px;} .detail-right ul li{padding:18px 0px;} .detail-right ul li a{font-size:14px;} /*ziliao*/ .zl{padding:120px 8.335% 100px;} .zl ul li{height:40px;line-height:40px;} .zl ul li a{padding:0px 25px;font-size:16px;} .zl-1{margin-top:120px;} .zl-1 .h3{font-size:34px;} .zl-1 p{font-size:16px;margin-top:18px;} .zl-1 form{margin-top:30px;} .zl-1 .txt4{height:50px;line-height:50px;font-size:15px;} .zl-1 .bt4{height:48px;line-height:48px;font-size:15px;} .zl-2{margin-top:70px;} .zl-3{margin-top:40px;font-size:15px;} /*xuanchuan*/ .xc{padding:120px 8.335%;} .xc-1 ul li{height:40px;line-height:40px;} .xc-1 ul li a{padding:0px 25px;font-size:15px;} .xc-2{margin-top:70px;padding-bottom:80px;} .xc-item{height:80px;} .xc-item a{padding:0px 45px;} .xc-icon{padding-right:35px;} .xc-cont{width:calc(100% - 150px);font-size:17px;} /*wenxian*/ .wx{padding:120px 8.335%;} .wx-list{margin-top:50px;} .wx-item{margin-top:18px;} .wx-item a{padding:0px 32px;} .wx-top{padding:25px 0px;} .wx-top span{margin-right:70px;font-size:16px;} .wx-cont{padding:20px 0px;line-height:23px;font-size:14px;} /*wenti*/ .wt{padding:130px 8.335% 120px;} .wt-list{margin-top:50px;} .wt-head{height:80px;padding:0px 28px;} .wt-content{padding:30px;} .wt-right{line-height:28px;font-size:16px;} /*zhibo*/ .zb{padding:100px 0p;} .zb-list{padding:60px 8.335%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;} .zb-cont{padding-top:24px;} .zb-cont span{font-size:17px;} .zb-tag{margin:10px auto 0px;} .zb-cont p{line-height:50px;margin-top:22px;} /*about-1*/ .about-1{padding:110px 8.335% 140px;} .about-1 .h3{font-size:32px;line-height:44px;} .about-1info{line-height:30px;margin-top:20px;} .about-1 ul{margin-top:35px;} .about-1num span{font-size:54px;} .about-1num em{font-size:16px;} .about-1 ul li p{font-size:14px;} .about-2{height:700px;} .about-2 ul li{padding:100px 7vw;} .about-2 ul li samp{height:46px;} .about-2 ul li span{font-size:24px;margin-top:12px;} .about-2 ul li em{font-size:15px;margin-top:8px;} .about-3{padding:120px 8.335%;} .about-3 .h3{font-size:32px;} .about-3content{margin-top:35px;} .about-3model span{font-size:24px;margin-top:8px;} .about-3model p{font-size:16px;} .about-3item:hover em{height:42px;} .about-4{padding:110px 8.335% 130px;} .about-4 .h3{font-size:32px;} .about-4content{margin-top:35px;} .about-4pic{padding:12px;} .about-4model span{font-size:16px;margin-top:18px;} .about-4model em{font-size:16px;margin-top:8px;} .about-4bottom{margin-top:60px;} /*zhaopin*/ .zp{padding:100px 0px;} .zp-1 .h3{font-size:32px;line-height:44px;} .zp-1info{line-height:32px;margin-top:20px;} .zp-2{margin:70px auto 0px;} .join-6input{height:50px;line-height:50px;} .join-6input select{font-size:14px;} .join-6input .txt{font-size:14px;} .zpinfo-content{margin:30px auto 0px;} .zpinfo-title{height:80px;} .zpinfo-title span{padding-left:30px;font-size:16px;} .zpinfo-title span:nth-child(1){font-size:18px;line-height:26px;} .zpinfo-model .h4{font-size:18px;margin-top:30px;} .zpinfo-item{font-size:14px;line-height:26px;margin-top:10px;} .zpinfo-more{margin-top:30px;} .zpinfo-more a{width:160px;height:40px;line-height:40px;font-size:14px;} .zp .news-page{margin-top:70px;} /*jingxiaoshang*/ .jx{padding:100px 8.335% 120px;} .jx .h3{font-size:32px;} .jx-content{margin-top:35px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;} .jx-model span{font-size:20px;} .jx-model ul li{line-height:26px;font-size:14px;} /*jishu*/ .js-1{padding:120px 8.335% 130px;} .js-1head .h3{font-size:32px;} .js-1head p{font-size:16px;} .js-1content{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;} .js-1title{bottom:24px;font-size:20px;} .js-1model span{font-size:24px;} .js-1model p{font-size:14px;line-height:24px;margin-top:6px;} .js-1more{margin-top:12px;} .js-1more em{height:40px;line-height:40px;font-size:14px;} .js-2{padding:110px 0px 130px;} .js-2content .swiper{padding:40px 15px 50px;} .js-2content .swiper-slide{padding:30px;} .js-2item samp{height:42px;} .js-2item span{font-size:20px;margin-top:12px;} .js-2item p{font-size:14px;margin-top:6px;} .js-3{padding:140px 0px 150px;} .js-3content{margin:30px auto 0px;padding:50px;} .js-3item samp{height:46px;} .js-3item span{font-size:15px;margin-top:15px;} /*congzu*/ .cz-1{padding:110px 0px 130px;} .cz-1 .h3{font-size:32px;} .cz-1content{margin-top:40px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:18px;} .cz-1item{padding:40px 10px 20px;} .cz-1item samp{height:60px;} .cz-1item span{line-height:24px;font-size:14px;margin-top:22px;} .cz-1pannel{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;} .cz-1ver span{font-size:16px;} .cz-1ver p{font-size:14px;} .cz-2{padding:130px 0px;} .cz-2 .h3{font-size:32px;} .cz-2content{margin:35px auto 0px;} .cz-3{padding:0px 8.335% 110px;} /*other*/ .other-1{padding:120px 0px;} .other-1 ul li{height:42px;line-height:42px;padding:0px 20px;font-size:16px;} .other-1content{margin-top:60px;} .other-1pannel span{font-size:32px;line-height:44px;} .other-1info{margin:25px auto 0px;font-size:18px;line-height:28px;} .other-2item span{font-size:17px;line-height:26px;margin-top:15px;} .other-2item:hover samp{height:40px;} .other-2item:hover span{font-size:20px;line-height:30px;} .other-4{padding:80px 8.335% 100px;} /*product*/ .pro-1{padding:100px 0px 120px;} .pro-1 .h3{font-size:32px;} .pro-1content{margin:30px auto 0px;} .pro-1item{padding:40px 10px;} .pro-1item samp{height:60px;} .pro-1item span{margin-top:24px;font-size:16px;} .pro-1 .about-4bottom{margin-top:30px;} .pro-2{padding:100px 0px 200px;} .pro-2 .h3{font-size:32px;} .pro-2content{padding-top:50px;} /*pro-type*/ .pro-type{padding:100px 0px 160px;} .pro-left{top:120px;padding:30px 0px;} .pro-left .h3{padding-left:24px;font-size:24px;} .pro-left ul{margin-top:22px;} .pro-left ul li{padding:15px 10px 15px 24px;} .pro-left ul li a{font-size:17px;} .pro-right{width:calc(100% - 240px - 24px);padding:40px 30px 120px;} .pro-right .h4{font-size:32px;padding-bottom:22px;} .pro-info{font-size:18px;line-height:36px;margin-top:34px;} .pro-slide{margin-top:50px;} .pro-slide span{height:40px;line-height:40px;} .pro-slide span a{padding:0px 24px;font-size:15px;} .pro-content{margin-top:40px;} .pro-head{height:60px;font-size:16px;} .pro-content ul li span{font-size:14px;padding:16px 10px;} .pro-page{margin-top:50px;} .pro-page a{width:22px;height:22px;line-height:22px;margin:0px 7px;font-size:14px;} .pro-tj{margin:90px auto 0px;} .pro-tj .h3{font-size:32px;} .pro-4{margin-top:35px;} .pro-4cont{padding:32px;} .pro-4cont span{font-size:18px;line-height:26px;height:52px;} .pro-4cont p{font-size:14px;line-height:24px;} /*lingyu*/ .ly{padding:90px 8.335% 130px;} .ly .h3{font-size:32px;} .ly-1{margin-top:90px;padding-bottom:110px;} /*pro-detail*/ .pro-detail{padding:0px 8.335% 130px;} .pinfo-left{padding:0px 40px 32px;margin-top:90px;} .pinfo-1head{height:70px;} .pinfo-2{margin-top:40px;} .pinfo-2right .h3{font-size:28px;} .pinfo-2right .h3 i{top:-6px;} .pinfo-2price{margin-top:16px;} .pinfo-2price p span{font-size:16px;} .pinfo-2price p em{font-size:22px;} .pinfo-2gg{margin-top:12px;} .pinfo-2gg span{font-size:16px;} .pinfo-2slide em{font-size:16px;} .pinfo-2num{margin-top:16px;} .pinfo-2num p span{font-size:16px;} .pinfo-2num p em{font-size:16px;} .pinfo-2more{margin-top:20px;} .pinfo-3{margin-top:70px;} .pinfo-4{margin-top:30px;} .pinfo-4head{height:40px;padding:0px 30px;} .pinfo-4content{padding:30px;} .pinfo-4content ul li span{font-size:16px;} .pinfo-4content ul li p{font-size:16px;} .pinfo-4info{line-height:30px;font-size:16px;} .pinfo-4item{padding:20px 0px;} .pinfo-4des{font-size:16px;line-height:30px;} .pinfo-right{margin-top:90px;} .pinfo-right .detail-right{padding:30px 0px;} .pinfo-ad{margin-top:24px;} .pinfo-ver span{font-size:20px;} .pinfo-ver em{margin:24px auto 0px;font-size:16px;} .pinfo-5{margin-top:90px;} .pinfo-5 .h3{font-size:32px;} .pinfo-5content{margin-top:35px;} /*leaf*/ .leaf{right:20px;} .leaf-icon{width:40px;height:40px;} .leaf-pannel{right:15px;top:-170px;} } @media screen and (max-width:1366px){.header-right ul li{margin-left:20px;} .leaf-center{width:540px;} .leaf-head{height:70px;line-height:70px;} .leaf-head span{font-size:28px;margin-left:36px;} .leaf-head em{margin-right:50px;margin-top:25px;} .leaf-center form{padding:20px 36px 40px;} .leaf-input,.leaf-text{margin-top:10px;} .leaf-input label,.leaf-text label{height:40px;line-height:40px;font-size:16px;} .leaf-input input{width:calc(100% - 125px);height:38px;line-height:38px;font-size:16px;} .leaf-text textarea{font-size:16px;line-height:22px;height:100px;} .leaf-button{margin-top:25px;} .leaf-button input{width:112px;height:42px;line-height:42px;font-size:16px;} } @media screen and (max-width:1280px){.banner-center .h3,.banner-wz .h3{font-size:32px;} .banner-info{font-size:17px;} .hpro-left .h3,.hjs-head .h3,.home-2head .h3,.hnews-left .h3,.hcor-head .h3{font-size:26px;} .hpro-left p,.hjs-head p,.home-2head p,.hnews-left p,.hcor-head p,.about-1info,.zp-1info{font-size:14px;} /*header*/ .header{padding:0px 5%;height:60px;} .logo{width:140px;} .header-right ul li{margin-left:24px;} .header-right ul li span{height:60px;line-height:60px;} .sub-nav{top:60px;} .header-phone{margin-left:24px;} .header-lang p{top:60px;} .header-search{margin-left:20px;width:160px;} .header-right ul li span a,.header-phone{font-size:15px;} .sub-nav p em a{font-size:13px;} .header-phone{padding-left:19px;} .header-search .txt2{padding-left:11px;} .header-search .bt2{width:16px;} /*footer*/ .footer-1{padding:60px 0px;} .footer-1left{width:calc(100% - 330px);} .footer-1item ul li{line-height:32px;} .footer-1item ul li a{font-size:13px;} .footer-1right em{font-size:28px;} .footer-1right ul{line-height:26px;font-size:13px;margin-top:8px;} .footer-2 span{font-size:14px;} .footer-2 ul li img{width:auto;height:20px;} /*home-banner*/ /*home-pro*/ .hpro{padding:70px 8.335%;} .hpro-head ul li{height:36px;line-height:36px;padding:0px 20px;margin-left:5px;font-size:14px;} .hpro-content{margin-top:25px;} .hpro-item span{font-size:18px;} .hpro-more{margin-top:30px;} .hpro-model em{height:30px;} .hpro-model span{font-size:18px;margin-top:16px;} .hpro-model p{margin-top:10px;} /*home-ad*/ .home-ad{padding:80px 0px;} .home-ad .h3{font-size:32px;letter-spacing:4px;margin-left:2px;} /*home-js*/ .hjs-head{top:120px;} .hjs-content{bottom:120px;} .hjs-item span{font-size:18px;} .hjs-model span{font-size:14px;} .hjs-model p{font-size:12px;} /*home-1*/ .home-1{padding:70px 0px 130px;} .home-1head{width:800px;} .home-1head .h3{font-size:30px;line-height:40px;} .home-1info{font-size:16px;line-height:24px;margin-top:15px;} .home-1more{padding-top:30px;} .home-1more a{width:140px;height:40px;line-height:40px;} .home-1 ul{margin-top:50px;} .home-1 ul li span em{font-size:50px;margin-top:-4px;} /*home-2*/ .home-2{padding:70px 0px;} .home-map{width:900px;} /*home-news*/ .hnews-left{margin-top:70px;} .hnews-left ul{margin-top:20px;} .hnews-right{height:600px;} .hnews-right:before,.hnews-right:after{height:100px;} .hnews-pannel:first-child{margin-right:20px;} .hnews-item{margin-top:20px;} .hnews-top span{font-size:18px;line-height:26px;} .hnews-bottom span{font-size:14px;} .hnews-bottom em{font-size:14px;} .hnews-top em{height:34px;line-height:34px;} /*home-cor*/ .hcor{padding:70px 8.335%;} .hcor-content{margin-top:20px;} /*home-3*/ .home-3{height:200px;} .home-3left{font-size:24px;line-height:36px;} /*news*/ .banner-news{margin-top:60px;} .banner-bottom{bottom:90px;} .news{padding:80px 0px;} .news-list{padding:40px 8.335% 70px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;} .news-cont{padding:20px;} .news-cont span{font-size:16px;line-height:24px;min-height:48px;} .news-page a{height:30px;line-height:30px;padding:0px 12px;} /*news-info*/ .banner-ver{padding-bottom:70px;} .banner-ver .h1{width:100%;font-size:32px;line-height:44px;margin-top:20px;} .detail-des{font-size:20px;} .detail-1{font-size:15px;margin-top:26px;} .detail{padding-bottom:100px;} .detail-left{margin-top:-70px;} .detail-body{padding:30px;line-height:28px;} .detail-body p{margin:24px 0px;} .detail-page{padding:25px;} .detail-2 span{line-height:24px;} .detail-right{margin-top:-70px;padding:24px 0px;} .detail-card{margin:20px auto 0px;} .detail-right ul li{padding:15px 0px;} .detail-right{top:80px;} /*ziliao*/ .zl{padding:70px 8.335%;} .zl ul li{height:36px;line-height:36px;} .zl ul li a{padding:0px 18px;font-size:14px;} .zl-1{margin-top:60px;} .zl-1 .h3{font-size:26px;} .zl-1 p{font-size:14px;margin-top:12px;} .zl-1 form{margin-top:24px;} .zl-1 .txt4{height:42px;line-height:42px;font-size:14px;} .zl-1 .bt4{height:40px;line-height:40px;font-size:14px;} .zl-2{margin-top:40px;} .zl-3{margin-top:30px;font-size:14px;} /*xuanchuan*/ .xc{padding:70px 8.335%;} .xc-1 ul li a{padding:0px 20px;font-size:14px;} .news-form .txt3{width:360px;} .xc-2{margin-top:40px;padding-bottom:50px;} .xc-item{height:70px;} .xc-item a{padding:0px 40px;} .xc-icon{padding-right:30px;} .xc-cont{width:calc(100% - 140px);font-size:16px;} /*wenxian*/ .wx{padding:70px 8.335%;} .wx-list{margin-top:40px;} .wx-item{margin-top:16px;} .wx-item a{padding:0px 30px;} .wx-top{padding:20px 0px;} .wx-top span{margin-right:60px;font-size:15px;} /*wenti*/ .wt{padding:90px 8.335%;} .wt-list{margin-top:40px;} .wt-head{height:70px;padding:0px 24px;} .wt-content{padding:28px;} .wt-right{line-height:26px;font-size:14px;} /*zhibo*/ .zb{padding:70px 0px;} .zb-list{padding:50px 8.335%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;} .zb-cont{padding-top:20px;} .zb-cont span{font-size:16px;} .zb-cont p{line-height:46px;margin-top:20px;} /*about-1*/ .about-1{padding:80px 8.335% 90px;} .about-1 .h3{font-size:26px;line-height:36px;} .about-1info{line-height:26px;margin-top:16px;} .about-1 ul{margin-top:30px;} .about-1num span{font-size:48px;} .about-1num em{font-size:15px;} .about-2{height:600px;} .about-2 ul li{padding:90px 7vw;} .about-2 ul li samp{height:40px;} .about-2 ul li span{font-size:22px;} .about-2 ul li em{font-size:14px;} .about-3{padding:80px 8.335%;} .about-3 .h3{font-size:26px;} .about-3content{margin-top:30px;} .about-3model span{font-size:22px;} .about-3item:hover em{height:38px;} .about-4{padding:80px 8.335%;} .about-4 .h3{font-size:26px;} .about-4content{margin-top:30px;} .about-4pic{padding:10px;} .about-4bottom{margin-top:50px;} /*zhaopin*/ .zp{padding:70px 0px;} .zp-1 .h3{font-size:26px;line-height:36px;} .zp-1info{line-height:26px;margin-top:16px;} .zp-2{margin:40px auto 0px;} .join-6input{height:44px;line-height:44px;} .zpinfo-content{margin:24px auto 0px;} .zpinfo-title{height:70px;} .zpinfo-title span{padding-left:25px;} .zp .news-page{margin-top:50px;} /*jingxiaoshang*/ .jx{padding:80px 8.335%;} .jx .h3{font-size:26px;} .jx-content{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;} .jx-model span{font-size:18px;} /*jishu*/ .js-1{padding:80px 8.335%;} .js-1head .h3{font-size:26px;} .js-1head p{font-size:14px;} .js-1content{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;} .js-1title{bottom:20px;font-size:18px;} .js-1model span{font-size:20px;} .js-1more{margin-top:10px;} .js-2{padding:80px 0px;} .js-2content .swiper{padding:30px 15px 40px;} .js-2content .swiper-slide{padding:25px;} .js-2item samp{height:38px;} .js-2item span{font-size:18px;margin-top:10px;} .js-3{padding:80px 0px 90px;} .js-3content{margin:25px auto 0px;padding:40px;} .js-3item samp{height:40px;} .js-3item span{font-size:14px;margin-top:12px;} /*congzu*/ .cz-1{padding:80px 0px;} .cz-1 .h3{font-size:26px;} .cz-1content{margin-top:30px;} .cz-1item{padding:30px 10px 20px;} .cz-1item samp{height:50px;} .cz-1item span{margin-top:18px;} .cz-2{padding:90px 0px;} .cz-2 .h3{font-size:26px;} .cz-2content{margin:30px auto 0px;} .cz-3{padding:0px 8.335% 80px;} /*other*/ .other-1{padding:80px 0px;} .other-1 ul li{height:36px;line-height:36px;padding:0px 16px;font-size:14px;} .other-1content{margin-top:40px;} .other-1pannel span{font-size:26px;line-height:36px;width:80%;} .other-1info{margin:20px auto 0px;font-size:16px;line-height:26px;width:80%;} .other-2item span{font-size:16px;} .other-2item:hover samp{height:32px;} .other-4{padding:70px 8.335% 80px;} /*product*/ .pro-1{padding:70px 0px 80px;} .pro-1 .h3{font-size:26px;} .pro-1content{margin:25px auto 0px;} .pro-1item{padding:30px 10px;} .pro-1item samp{height:50px;} .pro-2{padding:70px 0px 140px;} .pro-2 .h3{font-size:26px;} .pro-2content{padding-top:40px;} /*pro-type*/ .pro-type{padding:70px 0px 100px;} .pro-left{width:230px;top:100px;padding:25px 0px;} .pro-left ul li a{font-size:16px;} .pro-right{width:calc(100% - 230px - 20px);padding:30px 30px 80px;} .pro-right .h4{font-size:26px;padding-bottom:20px;} .pro-info{font-size:16px;line-height:30px;margin-top:28px;} .pro-slide{margin-top:40px;} .pro-slide span{height:36px;line-height:36px;margin-right:10px;} .pro-slide span a{padding:0px 18px;font-size:14px;} .pro-content{margin-top:30px;} .pro-head{height:50px;font-size:14px;} .pro-content ul li span{font-size:13px;padding:13px 6px;} .pro-page{margin-top:30px;} .pro-tj{margin:70px auto 0px;} .pro-tj .h3{font-size:26px;} .pro-4{margin-top:30px;} .pro-4cont{padding:26px;} .pro-4cont span{font-size:16px;line-height:25px;height:50px;} /*lingyu*/ .ly{padding:70px 8.335% 80px;} .ly .h3{font-size:26px;} .ly-1{margin-top:70px;padding-bottom:80px;} /*pro-detail*/ .pro-detail{padding:0px 8.335% 100px;} .pinfo-left{padding:0px 30px 30px;margin-top:70px;} .pinfo-1head{height:60px;} .pinfo-2{margin-top:30px;} .pinfo-2right .h3{font-size:22px;} .pinfo-2right .h3 i{top:-3px;} .pinfo-2price{margin-top:10px;} .pinfo-2price p span{font-size:14px;} .pinfo-2price p em{font-size:18px;} .pinfo-2gg{margin-top:8px;} .pinfo-2gg span{font-size:14px;} .pinfo-2slide em{font-size:14px;} .pinfo-2num{margin-top:12px;} .pinfo-2num p span{font-size:14px;} .pinfo-2num p em{font-size:14px;} .pinfo-2more{margin-top:16px;} .pinfo-3{margin-top:40px;} .pinfo-4{margin-top:20px;} .pinfo-4head{height:36px;padding:0px 20px;} .pinfo-4content{padding:20px;} .pinfo-4content ul li span{font-size:15px;} .pinfo-4content ul li p{font-size:15px;} .pinfo-4info{line-height:26px;font-size:15px;} .pinfo-4des{font-size:15px;line-height:26px;} .pinfo-right{margin-top:70px;} .pinfo-right .detail-right{padding:26px 0px;} .pinfo-ad{margin-top:20px;} .pinfo-ver span{font-size:18px;} .pinfo-ver em{margin:16px auto 0px;font-size:15px;width:120px;height:36px;line-height:36px;} .pinfo-5{margin-top:70px;} .pinfo-5 .h3{font-size:26px;} .pinfo-5content{margin-top:30px;} /*leaf*/ .leaf{right:10px;} } @media screen and (max-width:1000px){.banner-center,.hjs-head,.hjs-content,.home-2head,.home-3center,.banner-wz,.banner-bottom,.news-form,.news-page,.banner-ver,.zp-1,.zp-2,.zpinfo-content,.js-2content .swiper,.js-3content,.cz-2content,.pro-1content,.pro-3,.pro-tj{width:90%;} .banner-center .h3,.banner-wz .h3{font-size:28px;} .banner-info{font-size:15px;} .hpro-left .h3,.hjs-head .h3,.home-2head .h3,.hnews-left .h3,.hcor-head .h3{font-size:22px;} .hpro-left p,.hjs-head p,.home-2head p,.hnews-left p,.hcor-head p,.about-1info,.zp-1info{font-size:14px;} /*header*/ .header{padding:0px 5%;height:50px;background:#fff !important;} .logo{width:110px;} .logo img{opacity:1 !important;} .logo img:last-child{opacity:0 !important;} .menu{float:right;width:24px;display:block;position:relative;z-index:820;cursor:pointer;} .menu span{float:left;width:100%;height:2px;background:#2a4299;margin-top:6px;border-radius:2px;} .header-slide .menu span:nth-child(1){transform:rotate(45deg) translateY(5px);} .header-slide .menu span:nth-child(2){transform:rotate(-45deg) translateY(-6px);} .header-slide .menu span:nth-child(3){display:none;} .header-right{float:none;width:100%;height:calc(100% - 50px);position:fixed;left:-100%;top:50px;z-index:2000;background:#fff;box-sizing:border-box;border-top:1px #eee solid;overflow-y:auto;-webkit-transition:all 0.6s ease 0.06s;-moz-transition:all 0.6s ease 0.06s;-ms-transition:all 0.6s ease 0.06s;-o-transition:all 0.6s ease 0.06s;transition:all 0.6s ease 0.06s;} .search{width:84%;height:auto;position:relative;opacity:1;visibility:visible;margin:30px auto 0px;border-bottom:1px #ddd solid;} .search form{width:100%;height:50px;line-height:50px;margin:0px auto 0px;transform:translateY(0px);} .search form .txt{padding:0px 20px 0px 0px;} .search form .bt{left:auto;right:0px;} .search-close{display:none;} .header-right{display:block;} .header-right ul{float:none;width:84%;margin:30px auto 0px;height:auto;overflow:hidden;} .header-right ul li{margin-left:0px;position:relative;border-bottom:1px #eee solid;width:100%;height:auto;position:relative !important;} .header-right ul li span{width:80%;height:44px;line-height:44px;} .header-right ul li span a{color:#333;} .header-right ul li span a:after{display:none !important;} .sub-nav p em a{text-align:left;} .header-right ul li samp{width:50px;height:50px;position:absolute;z-index:12;cursor:pointer;background:url("../images/icon-36-1.png") no-repeat center;right:0px;top:0px;display:block;background-size:8px;} .sub-nav{float:left;width:98%;position:relative;left:0%;transform:translateX(0%) scale(1);top:0;background:white;border-radius:4px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.03);opacity:1;transition:none;margin:0px 1% 2%;display:none;} .header-right ul li:hover .sub-nav{transform:translateX(0%) scale(1);opacity:1;} .header-lang{display:none;} .header-slide .header-right{left:0px;} .header-right ul li samp.on{transform:rotate(90deg);} .header-line{display:none;} .sj-lang{width:84%;padding-left:0px;color:#333;position:relative;margin:20px auto 0px;display:block;height:40px;line-height:40px;box-sizing:border-box;} .sj-lang:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-2-1.png") no-repeat left center;opacity:1;} .sj-lang a{font-size:14px;color:#333;margin:0px 5px;position:relative;z-index:12;} .sj-lang a:hover{color:#2a4299;} .header-search{display:none;} .header-phone{float:none;width:84%;margin:20px auto 0px;box-sizing:border-box;} .leaf{display:none;} /*footer*/ .footer-1{padding:50px 0px;} .footer-1left{width:100%;border-bottom:1px rgba(255,255,255,0.1) solid;padding-bottom:30px;} .footer-1right{width:100%;margin-top:40px;} .footer-1right ul{line-height:26px;font-size:13px;margin-top:8px;} /*home-banner*/ .banner{margin-top:50px;} /*home-pro*/ .hpro{padding:50px 5%;} .hpro-head ul li{height:32px;line-height:32px;padding:0px 15px;margin-left:3px;} .hpro-content{margin-top:20px;} .hpro-pannel{border-radius:0px;padding-bottom:50px;} .hpro-content .swiper-slide{flex:none;} .hpro-item span{opacity:1;transform:translate(0px);animation:none !important;} .hpro-item p,.hpro-more{opacity:1;transform:translate(0px);animation:none !important;} .hpro-more{margin-top:30px;} .hpro-model{display:none;} .hpro-content .swiper-slide samp::before{display:none !important;} .hpro-content .swiper-pagination{display:block;} /*home-ad*/ .home-ad{padding:50px 0px;} .home-ad .h3{font-size:26px;letter-spacing:2px;margin-left:1px;} /*home-js*/ .hjs-head{top:40px;} .hjs-bg{height:360px;} .hjs-content{bottom:50px;} /*home-1*/ .home-1{padding:50px 0px;} .home-1head{width:90%;} .home-1head .h3{font-size:22px;line-height:30px;} .home-1info{font-size:14px;} .home-1more{padding-top:30px;} .home-1more a{width:140px;height:40px;line-height:40px;} /*home-2*/ .home-2{padding:50px 0px;} /*home-news*/ .hnews{padding:0px 5% 50px;} .hnews-left{margin-top:50px;width:100%;position:relative;overflow:inherit;} .hnews-left ul{margin-top:0px;width:auto;position:absolute;right:0px;top:0px;} .hnews-left ul li{margin-top:0px;float:left;margin-left:10px;width:auto;height:32px;line-height:32px;padding:0px 15px;} .hnews-left ul li a{font-size:14px;} .hnews-right{display:none;} .hnews-content{float:left;width:100%;overflow:hidden;position:relative;padding-bottom:50px;margin-top:30px;display:block;} .hnews-content .swiper-slide{overflow:hidden;border-radius:6px;background:#f3f3f3;} .hnews-content .swiper-slide a{width:100%;height:100%;display:block;overflow:hidden;} .hnews-content .swiper-slide samp{width:100%;height:19vw;display:block;overflow:hidden;} .hnews-content .swiper-slide samp img{width:100%;height:100%;object-fit:cover;object-position:center;} .hnews-cont{width:100%;overflow:hidden;padding:20px;box-sizing:border-box;} .hnews-cont span{float:left;width:100%;line-height:24px;font-size:16px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;} .hnews-cont em{float:left;width:100%;line-height:24px;font-size:14px;color:#666;margin-top:10px;} /*home-cor*/ .hcor{padding:50px 5%;} .hcor-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;} /*home-3*/ .home-3{height:190px;} .home-3left{font-size:22px;line-height:34px;} /*news*/ .banner-news{margin-top:50px;} .banner-bottom{bottom:70px;} .col{height:42px;line-height:42px;margin-top:-42px;} .news{padding:50px 0px;} .news-form .txt3{height:36px;line-height:36px;font-size:14px;} .news-form .bt3{height:36px;line-height:36px;font-size:14px;width:120px;} .news-list{padding:30px 5% 50px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;} .news-cont{padding:16px;} .news-cont span{font-size:14px;line-height:23px;min-height:46px;} .zh-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;padding-bottom:50px;} /*news-info*/ .banner-ver{padding-bottom:50px;} .banner-ver .h1{font-size:26px;line-height:32px;margin-top:18px;} .detail-des{font-size:16px;} .detail-1{font-size:14px;margin-top:24px;} .detail{padding:0px 5%;padding-bottom:70px;} .detail-left{margin-top:-50px;} .detail-body{padding:30px;line-height:26px;font-size:14px;} .detail-body p{margin:20px 0px;} .detail-page{padding:20px;} .detail-right{margin-top:-50px;padding:20px 0px;} .detail-right ul li{padding:14px 0px;} .detail-right{top:70px;} /*ziliao*/ .zl{padding:50px 5%;} .zl ul li{height:32px;line-height:32px;} .zl ul li a{padding:0px 15px;} .zl-1{margin-top:50px;} .zl-1 .h3{font-size:24px;} .zl-1 form{margin-top:20px;} .zl-2{margin-top:30px;} .zl-3{margin-top:20px;} /*xuanchuan*/ .xc{padding:50px 5%;} .xc-1 ul li{height:32px;line-height:32px;} .xc-1 ul li a{padding:0px 16px;} .news-form .txt3{width:240px;} .xc-2{margin-top:30px;padding-bottom:40px;} .xc-item{height:60px;} .xc-item a{padding:0px 30px;} .xc-icon{padding-right:20px;} .xc-cont{width:calc(100% - 120px);font-size:15px;} /*wenxian*/ .wx{padding:50px 5%;} .wx-list{margin-top:30px;} .wx-item{margin-top:15px;} .wx-item a{padding:0px 24px;} .wx-top{padding:16px 0px;} .wx-top span{margin-right:30px;font-size:14px;} /*wenti*/ .wt{padding:60px 5%;} .wt-list{margin-top:30px;} .wt-head{height:60px;padding:0px 20px;} .wt-content{padding:24px;align-items:flex-start;} .wt-right{line-height:25px;} /*zhibo*/ .zb{padding:50px 0px;} .zb-list{padding:40px 5%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;} .zb-cont{padding-top:18px;} .zb-cont span{font-size:14px;} /*about-1*/ .about-1{padding:60px 5%;} .about-1 .h3{font-size:22px;line-height:30px;} .about-1info{line-height:26px;margin-top:16px;} .about-2{height:400px;} .about-2 ul li{padding:80px 4vw;} .about-2 ul li samp{height:34px;} .about-2 ul li span{font-size:20px;} .about-3{padding:50px 5%;} .about-3 .h3{font-size:22px;} .about-3content{margin-top:25px;} .about-3model span{font-size:20px;} .about-3item:hover em{height:32px;} .about-3model p{font-size:14px;} .about-4{padding:50px 5%;} .about-4 .h3{font-size:22px;} .about-4content{margin-top:25px;} .about-4pic{padding:8px;} .about-4bottom{margin-top:40px;} /*zhaopin*/ .zp{padding:50px 0px;} .zp-1 .h3{font-size:22px;line-height:30px;} .zp-1info{line-height:24px;margin-top:12px;} .zp-2{margin:30px auto 0px;} .join-6input{height:40px;line-height:40px;} .zpinfo-content{margin:24px auto 0px;} .zpinfo-title span{padding-left:20px;} .zp .news-page{margin-top:40px;} /*jingxiaoshang*/ .jx{padding:50px 5%;} .jx .h3{font-size:22px;} .jx-content{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;} .jx-model span{font-size:16px;} /*jishu*/ .js-1{padding:50px 5%;} .js-1head .h3{font-size:22px;} .js-1content{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;} .js-1title{bottom:15px;font-size:16px;} .js-1model span{font-size:18px;} .js-1more{margin-top:6px;} .js-1more em{width:100px;height:32px;line-height:32px;font-size:14px;} .js-2{padding:50px 0px;} .js-2content .swiper{padding:30px 15px;} .js-2content .swiper-slide{padding:20px;} .js-2item samp{height:32px;} .js-2item span{font-size:16px;margin-top:8px;} .js-3{padding:50px 0px;} .js-3content{margin:20px auto 0px;padding:30px;} .js-3item samp{height:32px;} .js-3model{width:22px;background-size:100%;} /*congzu*/ .cz-1{padding:50px 0px;} .cz-1 .h3{font-size:22px;} .cz-1content{padding:0px 5%;margin-top:25px;} .cz-1item{padding:25px 10px 20px;} .cz-1item samp{height:40px;} .cz-1item span{margin-top:12px;} .cz-1pannel{padding:0px 5%;} .cz-1model{height:15vw;} .cz-2{padding:50px 0px;} .cz-2 .h3{font-size:22px;} .cz-2content{margin:25px auto 0px;} .cz-3{padding:0px 5% 50px;} /*other*/ .other-1{padding:50px 0px;} .other-1 ul li{height:32px;line-height:32px;padding:0px 14px;} .other-1content{margin-top:30px;} .other-1pannel span{font-size:22px;line-height:30px;width:90%;} .other-1info{margin:16px auto 0px;font-size:14px;line-height:24px;width:90%;} .other-2item span{font-size:14px;} .other-2item:hover samp,.other-2item samp{height:28px;} .other-2item:hover span{font-size:16px;} .other-4{padding:50px 5%;} /*product*/ .pro-1{padding:50px 0px;} .pro-1 .h3{font-size:22px;} .pro-1content{margin:20px auto 0px;} .pro-1item{padding:25px 6px;} .pro-1item samp{height:40px;} .pro-2{padding:50px 0px 60px;} .pro-2 .h3{font-size:22px;} .pro-2content{padding-top:30px;width:90%;} .pro-2item a{padding:35px 10px;} .pro-2item span{font-size:18px;} /*pro-type*/ .pro-type{padding:50px 0px;} .pro-left{display:none;} .pro-right{width:100%;padding:30px 30px 50px;} .pro-right .h4{font-size:22px;padding-bottom:18px;} .pro-info{font-size:14px;line-height:24px;margin-top:20px;} .pro-slide{margin-top:30px;} .pro-slide span{height:32px;line-height:32px;margin-right:6px;} .pro-slide span a{padding:0px 15px;} .pro-content{margin-top:20px;} .pro-content ul li span{font-size:12px;} .pro-tj{margin:50px auto 0px;} .pro-tj .h3{font-size:22px;} .pro-4{margin-top:25px;} .pro-4cont{padding:18px;} .pro-4cont span{font-size:14px;line-height:24px;height:48px;} .pro-4cont em{width:100px;height:32px;line-height:32px;} .pro-4cont p{line-height:22px;} .pro-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;} /*lingyu*/ .ly{padding:50px 5%;} .ly .h3{font-size:22px;} .ly-1{margin-top:50px;padding-bottom:50px;} /*pro-detail*/ .pro-detail{padding:0px 5% 60px;} .pinfo-left{padding:0px 25px 25px;margin-top:50px;} .pinfo-1head{height:50px;} .pinfo-2{margin-top:20px;} .pinfo-2right .h3{font-size:18px;} .pinfo-2price{margin-top:5px;} .pinfo-2price p span{font-size:13px;} .pinfo-2price p em{font-size:15px;} .pinfo-2gg{margin-top:5px;} .pinfo-2gg span{font-size:13px;} .pinfo-2slide em{font-size:13px;} .pinfo-2num{margin-top:6px;} .pinfo-2num p span{font-size:13px;} .pinfo-2num p em{font-size:13px;} .pinfo-2more{margin-top:10px;} .pinfo-2more a{width:100px;height:32px;line-height:32px;} .pinfo-3{margin-top:30px;} .pinfo-4{margin-top:15px;} .pinfo-right{margin-top:50px;} .pinfo-ad{margin-top:16px;} .pinfo-ver span{font-size:16px;} .pinfo-ver em{margin:12px auto 0px;font-size:13px;width:100px;height:32px;line-height:32px;} .pinfo-5{margin-top:50px;} .pinfo-5 .h3{font-size:22px;} .pinfo-5content{margin-top:25px;} } @media screen and (max-width:768px){.banner-center .h3,.banner-wz .h3{font-size:20px;} .banner-info{font-size:13px;} .hpro-left .h3,.hjs-head .h3,.home-2head .h3,.hnews-left .h3,.hcor-head .h3{font-size:20px;} .hpro-left p,.hjs-head p,.home-2head p,.hnews-left p,.hcor-head p,.about-1info,.zp-1info{font-size:14px;} /*footer*/ .footer-1{padding:30px 0px;} .footer-1left{display:none;} .footer-1right{margin-top:0px;} .footer-1right ul li:first-child{margin-left:-6px;} .footer-2 span{width:100%;font-size:12px;text-align:center;} .footer-2 ul{width:100%;margin-top:10px;display:flex;justify-content:center;} /*home-banner*/ .banner-sub{font-size:12px;} .banner .swiper-pagination{bottom:10px;} .banner-center{top:40%;} /*home-pro*/ .hpro{padding:30px 5%;} .hpro-head ul li{height:30px;line-height:30px;padding:0px 20px;margin:5px 5px 0px 0px;font-size:12px;} .hpro-pannel{border-radius:0px;padding-bottom:40px;} .hpro-content .swiper-slide samp img{width:100%;} .hpro-content .swiper-slide{height:200px;} .hpro-item{width:87%;} .hpro-more{margin-top:15px;} .hpro-item span{font-size:16px;} .hpro-item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .hpro-item em{width:100px;height:30px;line-height:30px;font-size:12px;} /*home-ad*/ .home-ad{padding:40px 0px;} .home-ad .h3{font-size:18px;letter-spacing:0px;margin-left:0px;} /*home-js*/ .hjs-head{top:30px;} .hjs-bg{height:360px;} .hjs-content{bottom:10px;padding-bottom:40px;} .hjs-content .swiper-slide{flex:none;border-radius:0px;margin:0px;height:200px;} .hjs-model{display:none;} .hjs-item{width:90%;} .hjs-content .swiper-pagination{display:block;} /*home-1*/ .home-1{padding:40px 0px;} .home-1head .h3{font-size:18px;line-height:28px;} .home-1 ul{flex-wrap:wrap;justify-content:space-between;width:90%;margin:20px auto 0px;} .home-1 ul li{width:100%;margin:20px 0px 0px;text-align:center;} .home-1 ul li span em{font-size:36px;float:none;} /*home-2*/ .home-2{padding:30px 0px;} .home-map{width:100%;} /*home-news*/ .hnews{padding:0px 5% 30px;} .hnews-left{margin-top:30px;overflow:hidden;} .hnews-left ul{margin-top:10px;width:100%;position:relative;float:left;} .hnews-left ul li{margin-left:0px;height:30px;line-height:30px;padding:0px 12px;margin:5px 5px 0px 0px;} .hnews-left ul li a{font-size:12px;} .hnews-content{margin-top:20px;} .hnews-content .swiper-slide samp{height:60vw;} .hnews-cont span{font-size:14px;} /*home-cor*/ .hcor{padding:30px 5%;} .hcor-content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;} .hcore-item{height:12.6vw;} /*home-3*/ .home-3{height:auto;padding:50px 0px;} .home-3left{font-size:20px;line-height:30px;width:100%;text-align:center;} .home-3right{width:100%;margin-top:20px;display:flex;justify-content:space-between;} .home-3right span{width:140px;height:36px;line-height:36px;margin-right:0px;} .home-3right span a,.home-3right p em{font-size:14px;} .home-3right p{width:150px;height:36px;line-height:36px;} /*news*/ .banner-news{margin-top:50px;} .banner-bottom{bottom:20px;} .banner-news img{height:160px;object-fit:cover;} .col{display:none;} .news{padding:30px 0px;} .news-form .txt3{height:32px;line-height:32px;font-size:13px;width:58%;padding-left:16px;background:none;box-sizing:border-box;} .news-form .bt3{height:32px;line-height:32px;font-size:13px;width:24%;margin-left:0px;float:right;} .news-list{padding:20px 5% 40px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .news-item samp{height:auto;} .zh-list{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;padding-bottom:30px;} .zhanhui {padding:40px 5%;} .zh-item a {padding: 20px;} .zh-item span{font-size:18px} /*news-info*/ .banner-ver{padding-bottom:0px;} .banner-ver .h1{font-size:16px;line-height:26px;margin-top:10px;} .detail-des{font-size:14px;} .detail-1{font-size:12px;margin-top:16px;} .detail{padding:0px 5%;padding-bottom:50px;} .detail-left{margin-top:20px;width:100%;} .detail-body{padding:20px;line-height:24px;} .detail-2{width:100%;} .detail-2 span a{font-size:14px;} .detail-back{float:left;margin-top:20px;height:40px;line-height:40px;} .detail-right{margin-top:20px;width:100%;} .detail-right{top:0px;position:relative;} /*ziliao*/ .zl{padding:30px 5%;} .zl ul li{height:30px;line-height:30px;margin:0px 5px 0px 0px;} .zl ul li a{padding:0px 12px;font-size:12px;} .zl-1{margin-top:30px;} .zl-1 .h3{font-size:20px;} .zl-1 form{margin-top:16px;} .zl-1 .txt4{width:100%;margin-top:8px;} .zl-1 .bt4{width:100%;margin-top:10px;} /*xuanchuan*/ .xc{padding:30px 5%;} .xc-1 ul{width:100%;} .xc-1 ul li{height:30px;line-height:30px;margin-right:5px;} .xc-1 ul li a{padding:0px 12px;font-size:12px;} .xc-1 .news-form{width:100%;margin-top:30px;} .xc-1 .news-form .txt3{width:72%;} .xc-2{margin-top:20px;padding-bottom:30px;} .xc-item a{padding:0px 15px;} .xc-icon{padding-right:15px;} .xc-cont{width:calc(100% - 100px);font-size:14px;} /*wenxian*/ .wx{padding:30px 5%;} .wx-list{margin-top:20px;} .wx-item a{padding:0px 20px;} .wx-top{padding:15px 0px;} .wx-top span{margin-right:10px;font-size:14px;} .wx-top em{width:100%;font-size:12px;margin-top:20px;} /*wenti*/ .wt{padding:30px 5%;} .wt .news-form .txt3{width:72%;} .wt-list{margin-top:20px;} .wt-content{padding:20px;} .wt-left{width:100%;} .wt-right{line-height:24px;width:100%;margin-top:10px;} /*zhibo*/ .zb{padding:30px 0px;} .zb-list{padding:30px 5%;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .zb-pic{height:auto;} .zb .news-form .txt3{width:72%;} /*about-1*/ .about-1{padding:30px 5%;} .about-1 .h3{font-size:20px;line-height:28px;} .about-1info{line-height:24px;margin-top:12px;width:100%;} .about-2{height:300px;} .about-2 ul li{padding:30px 2vw;} .about-2 ul li samp{height:28px;} .about-2 ul li span{font-size:14px;} .about-2 ul li em{word-break:break-all;} .about-3{padding:30px 5%;} .about-3 .h3{font-size:20px;} .about-3content{margin-top:20px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .about-3item{height:48vw;} .about-3model span{font-size:18px;} .about-3item em{height:30px;} .about-4{padding:30px 5%;} .about-4 .h3{font-size:20px;} .about-4content{margin-top:20px;} .about-4content .swiper-slide{height:60vw;} /*zhaopin*/ .zp{padding:30px 0px;} .zp-1 .h3{font-size:20px;} .zp-1info{line-height:24px;width:100%;} .zp-2{margin:20px auto 0px;} .zp-2 form{flex-wrap:wrap;} .join-6input{width:100%;margin-top:6px;} .zpinfo-content{margin:24px auto 0px;} .zp .news-page{margin-top:30px;} .zpinfo-title span:nth-child(2),.zpinfo-title span:nth-child(3),.zpinfo-title span:nth-child(4){display:none;} .zpinfo-title span:nth-child(1){width:70%;font-size:16px;} .zpinfo-title em{width:14%;} .zpinfo-model{padding:20px;} /*jingxiaoshang*/ .jx{padding:30px 5%;} .jx .h3{font-size:20px;} .jx-content{margin-top:20px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .jx-item{height:37vw;} .jx-model{width:88%;} /*jishu*/ .js-1{padding:30px 5%;} .js-1head .h3{font-size:20px;} .js-1content{margin-top:20px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .js-1item{height:42vw;} .js-1title{display:none;} .js-1model span{font-size:18px;opacity:1;transform:translateY(0px);} .js-1more,.js-1model p{opacity:1;transform:translateY(0px);} .js-1item .js-1pic{background:#0a51bd;} .js-1item .js-1pic img{transform:scale(1.03);opacity:0.3;} .js-2{padding:30px 0px;} .js-3{padding:30px 0px;} .js-3content{padding:20px;} .js-3item{margin-top:20px;width:50%;} .js-3item samp{height:28px;} .js-3model{display:none;} /*congzu*/ .cz-1{padding:30px 0px;} .cz-1 .h3{font-size:20px;} .cz-1content{padding:0px 5%;margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;} .cz-1item{padding:25px 10px 20px;} .cz-1pannel{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .cz-1model{height:42vw;} .cz-2{padding:30px 0px;} .cz-2 .h3{font-size:20px;} .cz-2content{margin:20px auto 0px;} .cz-3{padding:0px 5% 30px;} /*other*/ .other-1{padding:30px 0px;} .other-1 ul{flex-wrap:wrap;} .other-1 ul li{height:30px;line-height:30px;padding:0px 10px;width:90%;margin:10px 0px 0px;} .other-1content{margin-top:20px;} .other-1pannel span{font-size:18px;line-height:28px;} .other-2{padding:30px 0px;} .other-2pic{height:100%;position:absolute;left:0px;top:0px;} .other-2pic img{width:100%;height:100%;object-fit:cover;object-position:center;} .other-2content{position:relative;left:0px;top:0px;} .other-2item{width:50%;padding:20px;box-sizing:border-box;border-bottom:1px rgba(255,255,255,0.4) solid;} .other-2item:nth-child(3),.other-2item:nth-child(4){border-bottom:none;} .other-4{padding:30px 5%;} /*product*/ .pro-1{padding:30px 0px;} .pro-1 .h3{font-size:20px;} .pro-1content{margin:20px auto 0px;} .pro-1item{padding:20px 6px;} .pro-1item samp{height:30px;} .pro-2{padding:30px 0px;} .pro-2 .h3{font-size:20px;} .pro-2content{padding-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;} .pro-2item a{padding:25px 10px;} .pro-2item span{font-size:16px;} /*pro-type*/ .pro-type{padding:30px 0px;} .pro-right{padding:20px;} .pro-right .h4{font-size:18px;} .pro-slide{margin-top:20px;} .pro-slide span{height:30px;line-height:30px;margin-right:5px;} .pro-slide span a{padding:0px 12px;font-size:12px;} .pro-content{margin-top:20px;} .pro-content ul li span{font-size:12px;} .pro-head span.p2,.pro-head span.p3{display:none;} .pro-content ul li span.p2,.pro-content ul li span.p3{display:none;} .pro-tj{margin:30px auto 0px;} .pro-tj .h3{font-size:20px;} .pro-4{margin-top:20px;} .pro-4{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;} .pro-4item samp{height:64vw;} /*lingyu*/ .ly{padding:30px 5%;} .ly .h3{font-size:20px;} .ly-1{margin-top:30px;padding-bottom:40px;} /*pro-detail*/ .pro-detail{padding:0px 5% 50px;} .pinfo-left{padding:0px 25px 25px;margin-top:30px;width:100%;} .pinfo-1head{justify-content:flex-start;} .pinfo-1head a{margin:0px 14px 0px 0px;font-size:14px;} .pinfo-1head a:last-child{margin-right:0px;} .pinfo-2left{width:100%;} .pinfo-2right{width:100%;margin-top:20px;} .pinfo-4content ul li p{font-size:12px;line-height:22px;} .pinfo-3{margin-top:20px;} .pinfo-4{margin-top:10px;} .pinfo-4item samp{width:100%;} .pinfo-4des{width:100%;margin-top:15px;font-size:14px;line-height:23px;} .pinfo-right{margin-top:20px;width:100%;} .pinfo-5{margin-top:30px;} .pinfo-5 .h3{font-size:20px;} .pinfo-5content{margin-top:20px;} .wx-list .news-page{margin-top:30px;} .pro-content ul li em{width:38%;} .pro-image img{max-width:90%;} .pro-image-close{width:30px;height:30px;right:20px;top:20px;} /*contact*/ .contact-left{position:relative;width:90%;padding:30px 0px;margin:0px auto;left:0px;top:0px;transform:translateY(0px);overflow:hidden;} .contact-right{width:300px;right:calc(50% - 150px);top:1vw;} .contact-pannel span{font-size:14px;line-height:22px;margin-top:4px;} .contact-pannel em{font-size:12px;} .contact-pannel p{font-size:14px;margin-top:4px;} .contact-pannel{margin-top:20px;} .contact-left .h3{font-size:30px;} .contact-left ul{line-height:32px;font-size:16px;} .contact-wx{display:flex;justify-content:space-between;} .contact-item{margin:0px 22px;} } @media (max-width:767px){ .pinfo-4content{padding-left:0; padding-right:0;} .pinfo-4content img{max-width:100%!important; height:auto!important;} }