@charset "utf-8";

.m {margin:auto;width:1200px;clear:both;overflow:hidden;}

/*清除浮动*/

.clearfix{*zoom: 1;}

/*去掉ie下 选中线框问题*/

*,*:focus{outline: 0 !important;}

.clearfix:before,

.clearfix:after{display: table; line-height: 0; content: "";}

.clearfix:after{clear: both;}

.clear{clear:both;}

.inline-box{display:inline-block;height: 74px;width: calc(100% - 245px);}

.fl{float:left;}

.fr{float:right;}

/*文本位置*/

.vt{vertical-align:top;}

.vb{vertical-align:bottom;}

.vm{vertical-align:middle;}

.tc{text-align:center;}

.tl{text-align:left;}

.tr{}

.hide{display:none;}

.show{display:block;}

.section{width:1200px; margin:0 auto;}

/**/

.inline-box .first-level-nav ul {margin: 0 auto;padding-left: 15px;}

.inline-box .first-level-nav ul li {float: left;position: relative; padding: 0 9px;}

.inline-box .first-level-nav ul li .nav-i, .inline-box .first-level-nav ul li a {display: block; padding: 0 10px;font-size: 16px; color: #353535;font-weight: 600;}

.inline-box .first-level-nav ul li.nav-i.active a {color: #316ccb;}

footer{display: block; padding: 0; margin: 0; background-color: #414146; min-width: 1200px;}

.yzw-footer{background-color:#414146; padding-bottom:1px;}

.yzw-footer .footer-wrapper{font-size: 0; padding-right: 280px;}

.yzw-footer .footer-wrapper .footer-item{width:20%; display: inline-block; font-size: 14px; padding-right: 65px; margin-top: 26px;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell{width: 100%}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dt.footer-cell-title{width: 100%; border-bottom: 1px solid #525459; font-size: 16px; color: #bdbec0; line-height: 21px; padding-bottom: 8px;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dt.footer-cell-title span.yzwfont{color: #d5d5d6;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dt.footer-cell-title a{margin-left: 10px; color: #bdbec0;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dt.footer-cell-title a:hover{color: #bdbec0; text-decoration:none;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dd.footer-cell-item{color: #96979a; font-size: 12px; margin-left: 0; line-height: 24px;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dd.footer-cell-item span.yzwfont{color: #96979a;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dd.footer-cell-item a{margin-left: 10px; color: #bdbec0;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dd.footer-cell-item a:hover{color: #eef0f5;}

.yzw-footer .footer-wrapper .footer-item dl.footer-cell dd.footer-cell-item a h3{display: inherit;}

/*覆盖 navbar*/

.navbar{height: 74px;border: none;}

.navbar .logo-img-a{margin-top: 12px;margin-right: 40px;width: 200px;}

.navbar .logo-img-a img{height: 60px;}

.navbar img{margin: 0;}

.navbar .inline-box .menu-text a{display:inline-block;height: 74px;line-height: 74px;margin-left: 30px;margin-right: 30px;font-size: 16px;position: relative;}

.navbar .inline-box .menu-text a.active{position:relative;color: #19af65;}

.navbar .inline-box .menu-text a.active:after,.navbar .inline-box .menu-text a:hover:after {content: "";position: absolute;bottom: 19px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 38px;height: 3px;background-color: #19af65;}

i.fa-angle-down{margin-top: 5px;width: 9px;height: 16px;background: url(images/index-icon.png) no-repeat right -202px;display: inline-block;/* float: left; */text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.dropdown, .dropup {position: relative;}

.dropdown-menu{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}

.open>.dropdown-menu {display: block;}

.Yzw-footer-wrapper{width: 100%;background: #171934;}

.mro-react-footer{width: 100%;background: #fff;background: url(images/footerbg.png) no-repeat top;background-size: 100% 100%;}

.mro-react-footer .mro-react-footer-container{width: 1200px;margin: 0 auto 45px;position: relative;text-align: left;}

.mro-react-footer .mro-react-footer-link{display: inline-block;margin-top: 50px;}

.mro-react-footer .mro-react-footer-link:not(:last-of-type){margin-right:80px}

.mro-react-footer .mro-react-footer-link p{color: #FFFFFF;font-size: 16px;text-align: left;margin-bottom: 18px;}

.mro-react-footer .mro-react-footer-link{line-height: 20px;}

.mro-react-footer .mro-react-footer-link a{color: #999;font-size: 12px;position: relative;display: inline-block}

.mro-react-footer .mro-react-footer-link a:hover{color: #d0d0d0;}

.mro-react-footer .mro-react-footer-link-split{width: 1px;height: 12px;position: relative;top: 2px;background: #999;margin: 0 4px;display: inline-block}

.mro-react-footer .qr-box{height: auto;position: absolute;bottom: 0;right: 0;font-size: 0;white-space: nowrap}

.mro-react-footer .qr-box>li{display: inline-block;vertical-align: top;width: 71px;height: auto;margin-left: 24px}

.mro-react-footer .qr-bp>li:first-child{margin-right: 0}

.mro-react-footer .qr-box>li>dl{width: 100%;height: auto}

.mro-react-footer .qr-box>li>dl>dt{line-height: 20px;font-size: 14px;color: #FFFFFF;text-align: center;font-weight: 400;margin-bottom: 4px;}

.mro-react-footer .qr-box>li>dl>dd{width: 100%;height: auto;text-align: center}

.mro-react-footer .qr-box>li>dl>dd>div{width: 58px;height: 58px;display: inline-block}

.mro-react-footer .qr-box>li>dl>dd>div.serviceCode{background-size: contain;}

.mro-react-footer .qr-box>li>dl>dd>div.subscribeCode{background-size: contain;}

.mro-react-footer .fn-cr{width: 100%;color: #696d75;line-height: 30px;padding: 20px 0 20px;font-size: 12px;text-align: center;border-top: 1px dashed #525252;}

.mro-react-footer .fn-cr a{color: #696D75;}

.mro-react-footer .fn-cr .margin-lr-2{margin: 0 2px}

.layout-fixed[data-v-59ab]{position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; line-height: 1; font-size:12px}

.layout-fixed__list[data-v-59ab]{width: 72px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #19af65;}

.layout-fixed__list li[data-v-59ab]{position: relative;height: 59px;padding-top: 14px;text-align: center;border-bottom: 1px solid hsl(0deg 0% 100% / 25%);cursor: pointer;}

.layout-fixed__list li.back2topnew[data-v-59ab]{height: 40px;}

.layout-fixed__list li .iconnew{width: 28px;height: 28px;overflow: hidden;display: inline-block;}

.layout-fixed__list li .icon-fid1{background: url(images/ico-fid-1.png) no-repeat;width:28px;height:28px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.layout-fixed__list li .icon-fid2{background: url(images/ico-fid-2.png) no-repeat;width:28px;height:28px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.layout-fixed__list li .icon-fid3{background: url(images/ico-fid-3.png) no-repeat;width:28px;height:28px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.layout-fixed__list li .icon-fid4{background: url(images/ico-fid-4.png) no-repeat;width:28px;height:28px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.layout-fixed__list li .icon-fid5{background: url(images/ico-fid-5.png) no-repeat;width:28px;height:28px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.layout-fixed__list li .icon-back2top{background: url(images/ico-back2top.png) no-repeat;width:28px;height:28px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.layout-fixed__list li .desc[data-v-59ab]{padding-top: 6px; font-weight: 500; color: #fff;}

.layout-fixed__list li[data-v-59ab]:not(:last-child):after{content: "";position: absolute;bottom: -1px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 60px;height: 0px;background-color: #fff;opacity: .5;}

.layout-fixed__list li[data-v-59ab]:hover{background-color: #01BF4B;}

.layout-fixed__list li .tel[data-v-59ab]{position: absolute;left: -200px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 190px;height: 46px;line-height: 46px;font-size: 14px;font-weight: 500;color: #353a4c;text-align: center;-webkit-border-radius: 3px;border-radius: 3px;background-color: #fff;-webkit-box-shadow: 2px 7px 16px 0 rgba(0,0,0,.2);box-shadow: 2px 7px 16px 0 rgba(0,0,0,.2);display: none;}

.layout-fixed__list li .tel[data-v-59ab]:after{content: ""; position: absolute; right: -16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border: 10px solid transparent; border-left: 10px solid #fff;}

.layout-fixed__list li .code[data-v-59ab]{position: absolute; left: -124px; top: 8px; width: 114px; height: 116px; line-height: 116px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 2px 7px 16px 0 rgba(0,0,0,.2); box-shadow: 2px 7px 16px 0 rgba(0,0,0,.2); display:none;}

.layout-fixed__list li .code[data-v-59ab]:after{content: ""; position: absolute; right: -16px; top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border: 10px solid transparent; border-left: 10px solid #fff;}

.layout-fixed__list li .code img[data-v-59ab] {vertical-align: middle;}

.layout-fixed__list li[data-v-59ab]:hover .tel[data-v-59ab],.layout-fixed__list li[data-v-59ab]:hover .code[data-v-59ab]{display:block}

.first-level-nav {z-index:10;}

.first-level-nav .menu-item {float:left;}

.first-level-nav .menu-text,.first-level-nav .menu-text a {text-decoration:none;text-shadow:0 1px 5px rgba(0,0,0,0.1);transition:color 0.1s ease-out;text-align:center;position: relative;}

.first-level-nav .menu-item.menu-item-on .menu-text:after {transition:bottom 0.25s ease-out,opacity 0.01s ease-out 0.01s;opacity:0;content:'';position:absolute;pointer-events:none;bottom:-20px;left:calc(50% - 10px);border-color: transparent transparent #e8e8f8 transparent;border-width:10px;border-style:solid;}

.first-level-nav .menu-item:hover .menu-text:after {bottom:3px;opacity:1;transition:bottom 0.25s ease-out,opacity 0.01s ease-out 0.15s;}

.first-level-nav .menu-item .sub-menu {position:absolute;left: 0;right: 0;width: 100%;top:70px;color:rgba(0,0,0,0.5);background:#ffffff;pointer-events:none;box-sizing:border-box;clip-path:inset(0 10em 10em 15em);opacity:0;transition:all 0.25s ease-out,opacity 0.25s ease-in,margin-left 0.25s ease-out,clip-path 0.15s ease-out;}

.first-level-nav .menu-item:hover {;}

.first-level-nav .menu-item:hover .sub-menu {opacity:1;pointer-events:all;clip-path:inset(0 0 0 0);}

.first-level-nav .menu-item .wag-icon {position:absolute;top:5px;right:10px;}

.wag-icon {font-size:16px;font-family:wagfont!important;font-style:normal;color:#353535;}

.wag-icon {vertical-align:sub;}

.first-level-nav .menu-item .wag-icon {position:absolute;top:5px;right: 10px;}

.first-level-nav .menu-item .wag-icon.icon-new {width:13px;height:16px;background:url(images/remen.png) background-size:65px 16px;background-position:-51px 0; margin-top:12px}

.first-level-nav .menu-item .wag-icon.icon-hot {width:13px;height:16px;background:url(images/remen.png) no-repeat 0 0;background-size:65px 16px;background-position:-37px 0;margin-top:12px}

.first-level-nav .menu-item .icon-arrow {background:url(images/icon-arrow.png) no-repeat;background-size:38px;display:inline-block;width:9px;height:5px;background-position:-24px -5px;position:relative;top: -2px;right: -5px;}

.first-level-nav .menu-item .tooltip-box {width:100%;}

.first-level-nav .menu-item.menu-item-on:hover .sub-menu {min-height:240px;display:block;}

.first-level-nav .menu-item .tooltip-box .tooltip-content {min-height:240px;display:flex;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title {padding-top:40px;padding-right:80px;flex:1;display:flex;flex-direction:column;align-items:flex-end;background: linear-gradient(180deg,#e8e8f8,#fff 6%);}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title > h1 {width:190px;display:flex;align-items:center;color:#444444;font-weight:400;font-size:20px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title > h1 > svg {width:20px;height:20px;padding-right:10px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title > div {width:190px;padding-left:30px;box-sizing:border-box;margin-top:40px;color:#444444;font-weight:400;font-size:12px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title > p{margin-top:20px;width:190px;padding-left:30px;box-sizing:border-box;color:#888888;font-size:14px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title:hover > h1 {color:#0454F2;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_title:hover > div {color:#0454F2;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body {flex:1.6;background:linear-gradient(180deg,#e8e8f8,#F8F8F8 6%);display:flex;padding:0 50px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item {margin-right:80px;width:300px;margin-top:40px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item > div {color:#444444;font-size:16px;display:flex;align-items:center;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item > div > i {font-size:20px;margin-right:10px;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item > p {margin-top:20px;font-size:12px;color:#888888;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item > i {display:block;margin-top:40px;color:#0454F2;opacity:0;padding-bottom:60px;transform:translateX(-10px);transition:transform 0.6s 0.3s,opacity 0.6s 0.3s;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item:hover > div {color:#0454F2;}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item:hover > div > i {color:#0454F2;}

@keyframes beatAnimate {

  0% {transform:translateX(0);}

  50% {transform:translateX(10px);}

  100% {transform:translateX(0);}

}

.first-level-nav .menu-item .tooltip-box .tooltip-content_body-item:hover > i {opacity:1;transform:translateX(0);animation:beatAnimate 1s 0.6s infinite;}

@keyframes disChargeAnimate {

  0% {transform:translateY(-50%) scaleY(0);opacity:0;}

  100% {opacity:1;transform:translateY(0) scaleY(1);}

}

.first-level-nav .menu-item .tooltip-box.active {display:block;}

.first-level-nav .menu-item .tooltip-box.active > .tooltip-content {animation:disChargeAnimate 0.6s forwards;}

/**/

.layout-box {width: 1440px; margin: 0 auto;position: relative;}

.clearfix {*zoom:1}

.clearfix:after{content: "\200B";display: block;height: 0;clear: both;}

.fl-clr{zoom: 1;}

.fl-clr:after {display: block;clear: both;height: 0;content: "\0020";}