@charset "UTF-8";
.clearfix { *zoom: 1; }

.clearfix:after { content: '\0020'; display: block; height: 0; font-size: 0; visibility: hidden; clear: both; }

.clearit { clear: both; font-size: 0; line-height: 0; height: 0; }

.transitionAll { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -webkit-backface-visibility: hidden; }

.relative { position: relative; }

.w { width: 100% !important; margin: 0 auto; }

.w1260 { width: 100%; margin: 0 auto; max-width: 1260px; }

.w1200 { width: 100%; margin: 0 auto; max-width: 1200px; }

.w300 { width: 300px !important; }

.bdy-color1 { background: #F7F7F7; }

.mgl0 { margin-left: 0 !important; }

.mgl5 { margin-left: 5px !important; }

.mgl10 { margin-left: 10px !important; }

.mgl15 { margin-left: 15px !important; }

.mgl20 { margin-left: 20px !important; }

.mgl25 { margin-left: 25px !important; }

.mgl30 { margin-left: 30px !important; }

.mgl40 { margin-left: 40px !important; }

.mgl50 { margin-left: 50px !important; }

.mgt0 { margin-top: 0 !important; }

.mgt5 { margin-top: 5px !important; }

.mgt10 { margin-top: 10px !important; }

.mgt15 { margin-top: 15px !important; }

.mgt20 { margin-top: 20px !important; }

.mgt25 { margin-top: 25px !important; }

.mgt30 { margin-top: 30px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt50 { margin-top: 50px !important; }

.mgt60 { margin-top: 60px !important; }

.mgt70 { margin-top: 70px !important; }

.mgt75 { margin-top: 75px !important; }

.mgt80 { margin-top: 80px !important; }

.mgr0 { margin-right: 0 !important; }

.mgr5 { margin-right: 5px !important; }

.mgr10 { margin-right: 10px !important; }

.mgr15 { margin-right: 15px !important; }

.mgr20 { margin-right: 20px !important; }

.mgr25 { margin-right: 25px !important; }

.mgr30 { margin-right: 30px !important; }

.mgr40 { margin-right: 40px !important; }

.mgr50 { margin-right: 50px !important; }

.mgb0 { margin-bottom: 0 !important; }

.mgb5 { margin-bottom: 5px !important; }

.mgb10 { margin-bottom: 10px !important; }

.mgb15 { margin-bottom: 15px !important; }

.mgb20 { margin-bottom: 20px !important; }

.mgb25 { margin-bottom: 25px !important; }

.mgb30 { margin-bottom: 30px !important; }

.mgb40 { margin-bottom: 40px !important; }

.mgb45 { margin-bottom: 45px !important; }

.mgb50 { margin-bottom: 50px !important; }

.mgb70 { margin-bottom: 70px !important; }

.mgb75 { margin-bottom: 75px !important; }

.mgb90 { margin-bottom: 90px !important; }

.pdt1 { padding-top: 1px; }

.pdb1 { padding-bottom: 1px; }

.pdt30 { padding-top: 30px !important; }

.pdt50 { padding-top: 50px !important; }

.pdt20 { padding-top: 20px !important; }

.pdb20 { padding-bottom: 20px !important; }

.pdb30 { padding-bottom: 30px !important; }

.pdb50 { padding-bottom: 50px !important; }

.h400 { height: 400px !important; }

.text-align-r { text-align: right !important; }

.text-align-c { text-align: center !important; }

.bold { font-weight: bold !important; }

.color1 { color: #333435 !important; }

.f14 { font-size: 14px !important; }

.l28 { line-height: 28px !important; }

.bg1 { background: #e7f7ff; }

.bg2 { background: #f3f8fd; }

.bg3 { background: #f0f7fd; }

.bgfff { background: #fff; }

.bg-none { background: none !important; }

.section { background: #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); }

.fL { float: left; }

.fR { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.border_box { -webkit-box-sizing: border-box; box-sizing: border-box; }

.ellipsis { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; display: none; z-index: 9999; }

.date-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; display: none; z-index: 9999; }

.body-hidden { overflow: hidden !important; }

.tab-con { display: none; }

html, body { font-size: 14px; height: 100%; }

::-webkit-scrollbar { width: 6px; /*对垂直流动条有效*/ height: 6px; /*对水平流动条有效*/ }

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; }

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #999; }

.intro-t { text-align: center; font-size: 18px; line-height: 24px; color: #333; font-weight: 400; }

@media screen and (max-width: 769px) { html, body { font-size: 13.3333vw; }
  .mgl0 { margin-left: 0 !important; }
  .mgl5 { margin-left: 0.5rem !important; }
  .mgl10 { margin-left: 0.1rem !important; }
  .mgl15 { margin-left: 0.15rem !important; }
  .mgl20 { margin-left: 0.2rem !important; }
  .mgl25 { margin-left: 0.25rem !important; }
  .mgl30 { margin-left: 0.3rem !important; }
  .mgl40 { margin-left: 0.4rem !important; }
  .mgl50 { margin-left: 0.5rem !important; }
  .mgt0 { margin-top: 0 !important; }
  .mgt5 { margin-top: 0.5rem !important; }
  .mgt10 { margin-top: 0.1rem !important; }
  .mgt15 { margin-top: 0.15rem !important; }
  .mgt20 { margin-top: 0.2rem !important; }
  .mgt25 { margin-top: 0.25rem !important; }
  .mgt30 { margin-top: 0.3rem !important; }
  .mgt40 { margin-top: 0.4rem !important; }
  .mgt50 { margin-top: 0.5rem !important; }
  .mgt60 { margin-top: 0.6rem !important; }
  .mgt70 { margin-top: 0.7rem !important; }
  .mgt75 { margin-top: 0.75rem !important; }
  .mgt80 { margin-top: 0.8rem !important; }
  .mgr0 { margin-right: 0 !important; }
  .mgr5 { margin-right: 0.5rem !important; }
  .mgr10 { margin-right: 0.1rem !important; }
  .mgr15 { margin-right: 0.15rem !important; }
  .mgr20 { margin-right: 0.2rem !important; }
  .mgr25 { margin-right: 0.25rem !important; }
  .mgr30 { margin-right: 0.3rem !important; }
  .mgr40 { margin-right: 0.4rem !important; }
  .mgr50 { margin-right: 0.5rem !important; }
  .mgb0 { margin-bottom: 0 !important; }
  .mgb5 { margin-bottom: 0.5rem !important; }
  .mgb10 { margin-bottom: 0.1rem !important; }
  .mgb15 { margin-bottom: 0.15rem !important; }
  .mgb20 { margin-bottom: 0.2rem !important; }
  .mgb25 { margin-bottom: 0.25rem !important; }
  .mgb30 { margin-bottom: 0.3rem !important; }
  .mgb40 { margin-bottom: 0.4rem !important; }
  .mgb45 { margin-bottom: 0.45rem !important; }
  .mgb50 { margin-bottom: 0.5rem !important; }
  .mgb70 { margin-bottom: 0.7rem !important; }
  .mgb75 { margin-bottom: 0.75rem !important; }
  .mgb90 { margin-bottom: 0.9rem !important; }
  .pdt30 { padding-top: 0.3rem !important; }
  .pdt20 { padding-top: 0.2rem !important; }
  .pdt50 { padding-top: 0.5rem !important; }
  .pdb20 { padding-bottom: 0.2rem !important; }
  .pdb50 { padding-bottom: 0.5rem !important; }
  .intro-t { padding: 0 4%; } }

.nav-wrap-holder { display: none; }

.nav-wrap { height: 106px; position: relative; z-index: 999; background: #fff; }

.nav-wrap .menu-btn { display: none; }

.nav-wrap .logo { width: 145px; height: 106px; background: url(../../images/myd/p04.png) center center no-repeat; display: block; float: left; }

.nav-wrap .menu-items { width: 80%; text-align: right; float: right; }

.nav-wrap .menu-items .level-1 { display: inline-block; padding: 0 1px; height: 106px; margin-left: 30px; position: relative; }

.nav-wrap .menu-items .level-1 .arrow { display: none; }

.nav-wrap .menu-items .level-1 > a { font-size: 14px; line-height: 106px; color: #333; font-weight: 400; display: block; height: 100%; }

.nav-wrap .menu-items .level-1:hover > a { color: #009DEA; }

.nav-wrap .menu-items .level-1.on > a { color: #009DEA; }

.nav-wrap .menu-items .level-1:hover::before, .nav-wrap .menu-items .level-1.on::before { content: ''; width: 100%; height: 4px; background: #009DEA; border-radius: 2px; position: absolute; bottom: 0; left: 0; }

.nav-wrap .menu-items .level-1:hover::before a, .nav-wrap .menu-items .level-1.on::before a { color: #009DEA; }

.nav-wrap .menu-items .level2 { width: 400px; position: absolute; left: 0; top: 100%; padding: 10px 0; display: none; background: #FFFFFF; -webkit-box-shadow: 0px 3px 13px 0px rgba(5, 0, 0, 0.12); box-shadow: 0px 3px 13px 0px rgba(5, 0, 0, 0.12); }

.nav-wrap .menu-items .level2 .level2-item { width: 50%; float: left; }

.nav-wrap .menu-items .level2 .level2-item a { padding: 0 30px; font-size: 14px; line-height: 38px; color: #333; font-weight: 400; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.nav-wrap .menu-items .level2 .level2-item a:hover { color: #009DEA; }

.nav-wrap .menu-items .phone { display: inline-block; padding: 0 1px; height: 106px; font-size: 14px; line-height: 106px; color: #333; font-weight: 400; margin-left: 50px; }

.nav-wrap .menu-items .phone .icon { display: inline-block; width: 20px; height: 20px; background: url(../../images/myd/p12.png) no-repeat center center/20px; vertical-align: sub; margin-right: 10px; }

.footer-wrap { background: #4A4F56; margin-top: 40px; }

.footer-wrap .bd { padding-top: 50px; }

.footer-wrap .bd .sec { float: left; margin-right: 60px; }

.footer-wrap .bd .sec dt { font-size: 14px; line-height: 38px; color: #fff; font-weight: 700; margin-bottom: 10px; }

.footer-wrap .bd .sec dd { font-size: 14px; line-height: 30px; color: #fff; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer-wrap .bd .sec dd a { font-size: 14px; line-height: 30px; color: #fff; font-weight: 400; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.footer-wrap .bd .sec dd.phone { margin-bottom: 3px; margin-top: -10px; font-size: 34px; line-height: 38px; color: #fff; font-weight: 400; font-family: arial; }

.footer-wrap .bd .sec dd.phone .icon { display: inline-block; width: 29px; height: 30px; background: url(../../images/myd/p11.png) no-repeat center center/29px; margin-right: 10px; }

.footer-wrap .bd .sec dd .col-2 { width: 100px; }

.footer-wrap .bd .code-box { width: 110px; float: right; }

.footer-wrap .bd .code-box img { max-width: 100%; display: block; margin: 0 auto 10px; }

.footer-wrap .bd .code-box a { font-size: 0; line-height: 0; }

.footer-wrap .bd .code-box span { text-align: center; font-size: 12px; line-height: 14px; color: #DADADA; font-weight: 400; display: block; }

.footer-wrap .ft { border-top: 1px solid #605F5F; font-size: 12px; line-height: 38px; color: #fff; font-weight: 400; padding: 20px 0; text-align: center; margin-top: 40px; }

.return-tools { height: .9rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 .3rem; }

.return-tools a { display: block; width: .3rem; height: 100%; }

.return-tools .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: .36rem; font-weight: 500; color: #000; line-height: .9rem; }

.return-tools .return { background: url(../../images/myd/p15.png) center center no-repeat; background-size: .2rem; }

.pic-txt { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pic-txt .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.pic-txt .info h3 { font-size: 24px; line-height: 30px; color: #333435; font-weight: 400; margin-bottom: 30px; }

.pic-txt .info p { font-size: 16px; line-height: 34px; color: #656869; font-weight: 400; }

.pic-txt .pic { font-size: 0; line-height: 0; }

.pic-txt .pic img { max-width: 100%; max-height: 100%; }

.btn { height: .58rem; border: 0; text-align: center; line-height: .58rem; text-align: center; background: #F3F6FB; border-radius: .29rem; font-size: .26rem; color: #000; display: inline-block; border: 1px solid #8A8A8A; }

.btn-error { background: #DEDEDE; color: #fff; }

.bread-crumb { padding-top: 15px; padding-bottom: 10px; line-height: .4rem; margin-left: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bread-crumb span { font-size: 20px; color: #666; }

.bread-crumb .arrow { margin: 0 5px; }

.bread-crumb a { font-size: .2rem; color: #666; }

.tit-h2 { font-size: 34px; line-height: 40px; color: #333; font-weight: 400; text-align: center; }

.tit-h2-1 { font-size: 36px; line-height: 38px; color: #333; font-weight: 700; text-align: center; }

.tit-h2-1::before { content: ''; width: 167px; height: 15px; display: inline-block; background: url(../../images/myd/p53.png) no-repeat center top/100%; vertical-align: middle; margin-right: 15px; }

.tit-h2-1::after { content: ''; width: 167px; height: 15px; display: inline-block; background: url(../../images/myd/p53.png) no-repeat center bottom/100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: middle; margin-left: 15px; }

.tit-h2-2 { font-size: 36px; line-height: 38px; color: #333; font-weight: 400; text-align: center; }

.tit-h2-2::before { content: ''; width: 167px; height: 15px; display: inline-block; background: url(../../images/myd/p68.png) no-repeat center top/100%; vertical-align: middle; margin-right: 15px; }

.tit-h2-2::after { content: ''; width: 167px; height: 15px; display: inline-block; background: url(../../images/myd/p68.png) no-repeat center bottom/100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: middle; margin-left: 15px; }

.index-header { width: 100%; height: auto; max-width: 1920px; }

.index-header .header-swipe { width: 100%; }

.index-header .swiper-slide { font-size: 0; line-height: 0; position: relative; }

.index-header .swiper-slide .info { position: absolute; left: 50%; top: 160px; margin-left: -600px; width: 600px; }

.index-header .swiper-slide .info h3 { font-size: 48px; line-height: 60px; color: #fff; font-weight: 700; margin-bottom: 30px; }

.index-header .swiper-slide .info p { font-size: 18px; line-height: 32px; color: #fff; font-weight: 400; }

.index-header .swiper-slide .info1 { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.index-header img { width: 100%; }

.index-partner { text-align: center; }

.index-partner p { font-size: 14px; line-height: 24px; color: #333; font-weight: 400; }

.index-partner .items a { width: 185px; float: left; margin-bottom: 15px; margin-right: 18px; height: 78px; background: #FFFFFF; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index-partner .items a:nth-child(6n) { margin-right: 0; }

.index-partner .items a img { max-width: 100%; max-height: 100%; }

.index-operation .item { width: 48%; height: 241px; background: #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 30px 30px; border-top: 1px solid #009DEA; position: relative; }

.index-operation .item h3 { font-size: 22px; line-height: 34px; color: #3F4041; font-weight: 700; text-align: center; margin-bottom: 20px; }

.index-operation .item p { font-size: 14px; line-height: 24px; color: #333; font-weight: 700; }

.index-operation .item .icon { width: 178px; height: 77px; background: url(../../images/myd/p18.png) no-repeat center top/100%; position: absolute; right: 0; top: 0; }

.index-case .items { margin: 50px auto; width: 1200px; height: 410px; position: relative; overflow: hidden; }

.index-case .items .pic { width: 300px; height: 410px; cursor: pointer; float: left; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }

.index-case .items .pic.on::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }

.index-case .items .pic.on::before { width: 0; }

.index-case .items .pic .icon { width: 50px; height: 34px; text-align: center; font-size: 22px; color: #fff; line-height: 34px; padding-top: 50px; position: absolute; left: 40px; bottom: 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.index-case .items .pic.on .icon { left: 430px; text-indent: -999em; }

.index-case .items .pic .info { width: 100%; height: 100%; background: rgba(0, 157, 234, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.index-case .items .pic .info h3 { margin-bottom: 20px; margin-top: -60px; }

.index-case .items .pic .info h3 span { font-size: 22px; line-height: 60px; color: #fff; font-weight: 700; display: inline-block; border-bottom: 4px solid #FFFFFF; border-radius: 2px; }

.index-case .items .pic .info p { font-size: 14px; line-height: 24px; color: #fff; font-weight: 400; }

.index-case .items .pic.on .info { opacity: 1; }

.index-case .items .pic1 { background: url("../../images/myd/j04.jpg") no-repeat center top/516px; }

.index-case .items .pic1 .icon { background: url("../../images/myd/p19.png") no-repeat center top/41px; }

.index-case .items .pic2 { background: url("../../images/myd/j05.jpg") no-repeat center top/516px; }

.index-case .items .pic2 .icon { background: url("../../images/myd/p20.png") no-repeat center top/41px; }

.index-case .items .pic3 { background: url("../../images/myd/j06.jpg") no-repeat center top/516px; }

.index-case .items .pic3 .icon { background: url("../../images/myd/p21.png") no-repeat center top/41px; }

.index-case .items .pic4 { background: url("../../images/myd/j07.jpg") no-repeat center top/516px; }

.index-case .items .pic4 .icon { background: url("../../images/myd/p22.png") no-repeat center top/41px; }

.index-solution .items { display: -webkit-box; display: -ms-flexbox; display: flex; }

.index-solution .items .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; }

.index-solution .items .item .icon { width: 85px; height: 85px; margin: 0 auto 30px; }

.index-solution .items .item .icon1 { background: url("../../images/myd/p05.png") no-repeat center top/82px; }

.index-solution .items .item .icon2 { background: url("../../images/myd/p06.png") no-repeat center top/81px; }

.index-solution .items .item .icon3 { background: url("../../images/myd/p07.png") no-repeat center top/69px; }

.index-solution .items .item .icon4 { background: url("../../images/myd/p08.png") no-repeat center top/79px; }

.index-solution .items .item .icon5 { background: url("../../images/myd/p09.png") no-repeat center top/83px; }

.index-solution .items .item .info h3 { font-size: 22px; line-height: 24px; color: #009DEA; font-weight: 700; text-align: center; margin-bottom: 15px; }

.index-solution .items .item .info p { font-size: 14px; line-height: 24px; color: #333; font-weight: 400; }

.index-worth { background: url("../../images/myd/j03.jpg") no-repeat center bottom/1920px; position: relative; }

.index-worth .bd { height: 540px; position: relative; }

.index-worth .bd .sec { position: absolute; width: 116px; bottom: 146px; cursor: pointer; height: 242px; padding: 6px; background: #13dbff; -webkit-box-shadow: 0px 9px 12px 4px rgba(0, 157, 234, 0.75); box-shadow: 0px 9px 12px 4px rgba(0, 157, 234, 0.75); border-radius: 8px; }

.index-worth .bd .sec .cont { background: #009DEA; width: 100%; height: 100%; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; line-height: 34px; color: #fff; font-weight: 700; text-align: center; }

.index-worth .bd .sec .item { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; }

.index-worth .bd .sec .item .line { position: absolute; display: block; }

.index-worth .bd .sec .item .line::before, .index-worth .bd .sec .item .line::after { content: ''; position: absolute; }

.index-worth .bd .sec .item p { background: #fff; padding: 10px; font-size: 12px; line-height: 22px; color: #333; font-weight: 400; margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }

.index-worth .bd .sec:hover p { background: #009DEA; color: #fff; }

.index-worth .bd .sec1 { left: 305px; }

.index-worth .bd .sec1 .item { width: 275px; left: -305px; top: 0; }

.index-worth .bd .sec1 .item .line { width: 1px; height: 70%; position: absolute; right: 0; top: 15%; background: #009DEA; }

.index-worth .bd .sec1 .item .line::before { width: 9px; height: 9px; left: 7px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: 1px solid #00FFFF; border-radius: 50%; }

.index-worth .bd .sec1 .item .line::after { width: 14px; height: 1px; left: 17px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: #00FFFF; }

.index-worth .bd .sec2 { left: 457px; }

.index-worth .bd .sec2 .item { width: 560px; left: -457px; top: -100px; }

.index-worth .bd .sec2 .item p::after { content: ''; width: 100%; height: 0; clear: both; display: block; }

.index-worth .bd .sec2 .item span { display: block; width: 50%; float: left; padding-right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.index-worth .bd .sec2 .item span:nth-child(2n) { padding-right: 0; }

.index-worth .bd .sec2 .item .line { width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background: #009DEA; }

.index-worth .bd .sec2 .item .line::before { width: 9px; height: 9px; right: 35px; bottom: -15px; border: 1px solid #00FFFF; border-radius: 50%; }

.index-worth .bd .sec2 .item .line::after { width: 1px; height: 20px; right: 40px; bottom: -35px; background: #00FFFF; }

.index-worth .bd .sec3 { left: 610px; }

.index-worth .bd .sec3 .item { width: 550px; left: 40px; top: -100px; }

.index-worth .bd .sec3 .item p::after { content: ''; width: 100%; height: 0; clear: both; display: block; }

.index-worth .bd .sec3 .item span { display: block; width: 50%; float: left; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.index-worth .bd .sec3 .item span:nth-child(2n) { padding-right: 0; }

.index-worth .bd .sec3 .item .line { width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #009DEA; }

.index-worth .bd .sec3 .item .line::before { width: 9px; height: 9px; left: 35px; bottom: -15px; border: 1px solid #00FFFF; border-radius: 50%; }

.index-worth .bd .sec3 .item .line::after { width: 1px; height: 20px; left: 40px; bottom: -35px; background: #00FFFF; }

.index-worth .bd .sec4 { left: 760px; }

.index-worth .bd .sec4 .item { width: 275px; right: -312px; top: 0; }

.index-worth .bd .sec4 .item .line { width: 1px; height: 70%; position: absolute; left: 0; top: 15%; background: #009DEA; }

.index-worth .bd .sec4 .item .line::before { width: 9px; height: 9px; left: -17px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: 1px solid #00FFFF; border-radius: 50%; }

.index-worth .bd .sec4 .item .line::after { width: 21px; height: 1px; left: -37px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: #00FFFF; }

.index-worth .tit { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 34px; line-height: 104px; color: #fff; font-weight: 400; }

.ch-product-m { height: 583px; background: url(../../images/myd/j09.jpg) no-repeat center top/1920px; padding-top: 1px; }

.ch-product-m .tab-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ch-product-m .tab-box .tab-tit { width: 215px; background: #F2FBFF; }

.ch-product-m .tab-box .tab-tit .item { height: 60px; width: 100%; text-align: center; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 16px; line-height: 60px; color: #009DEA; font-weight: 400; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; }

.ch-product-m .tab-box .tab-tit .item:hover::before, .ch-product-m .tab-box .tab-tit .item.on::before { content: ''; width: 2px; height: 100%; background: #009DEA; position: absolute; left: 0; top: 0; }

.ch-product-m .tab-box .tab-tit .item:hover, .ch-product-m .tab-box .tab-tit .item.on { background: #fff; }

.ch-product-m .tab-box .tab-cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); }

.ch-product-m .tab-box .tab-cont .info { padding: 40px; }

.ch-product-m .tab-box .tab-cont .pic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 420px; }

.ch-product-m1 { height: auto; background: url(../../images/myd/j16.jpg) no-repeat center top/1920px; }

.ch-pro-feature { margin-bottom: 110px; }

.ch-pro-feature .items { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ch-pro-feature .items .item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 30px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 300px; margin-right: 24px; background: #FFFFFF; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); }

.ch-pro-feature .items .item:last-child { margin-right: 0; }

.ch-pro-feature .items .item .icon { width: 84px; height: 84px; margin: 0 auto 30px; font-size: 0; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ch-pro-feature .items .item .icon img { max-width: 100%; max-height: 100%; }

.ch-pro-feature .items .item .info h3 { font-size: 24px; line-height: 24px; color: #333435; font-weight: 700; text-align: center; margin-bottom: 15px; }

.ch-pro-feature .items .item .info p { font-size: 16px; line-height: 34px; color: #656869; font-weight: 400; }

.ch-pro-feature .items .item1 { height: 420px; }

.ch-pro-feature .items .item2 { height: 320px; }

.ch-pro-feature .items .item3 { height: 532px; }

.ch-pro-feature .items .item4 { height: 470px; }

.solution-box { padding: 40px; background: #fff; }

.solution-box .summary { font-size: 16px; line-height: 28px; color: #333435; font-weight: 400; }

.solution-box .pic { font-size: 0; line-height: 0; text-align: center; margin: 20px auto; }

.solution-box .pic img { max-width: 100%; }

.solution-box .items { margin-top: 30px; }

.solution-box .items .row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.solution-box .items .row .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 40px; }

.solution-box .items .row .item:last-child { margin-right: 0; }

.solution-box .items .row .item h3 { position: relative; height: 30px; margin-bottom: 15px; }

.solution-box .items .row .item h3::before { content: ''; width: 129px; height: 10px; position: absolute; left: 0; bottom: 0; background: rgba(0, 157, 234, 0.56); }

.solution-box .items .row .item h3 span { position: relative; font-size: 21px; line-height: 30px; color: #333435; font-weight: 700; vertical-align: top; }

.solution-box .items .row .item p { font-size: 16px; line-height: 28px; color: #656869; font-weight: 400; }

@-webkit-keyframes upDown { 0% { margin-top: 0px; }
  25% { margin-top: -5px; }
  50% { margin-top: -10px; }
  75% { margin-top: -5px; }
  100% { margin-top: 0px; } }

@keyframes upDown { 0% { margin-top: 0px; }
  25% { margin-top: -10px; }
  50% { margin-top: -20px; }
  75% { margin-top: -10px; }
  100% { margin-top: 0px; } }

.index-products { background: url(../../images/myd/j02.jpg) center top no-repeat; height: 801px; padding-top: 45px; }

.index-products .bd { position: relative; width: 1224px; margin: 0 auto; height: 665px; }

.index-products .bd .item { position: absolute; text-indent: -999em; }

.index-products .bd .item1 { width: 230px; height: 161px; background: url(../../images/myd/p24.png) no-repeat center top/100%; left: 50%; top: 85px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .item2 { width: 512px; height: 612px; background: url(../../images/myd/p35.png) no-repeat center top/100%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .item3 { width: 405px; height: 257px; background: url(../../images/myd/p36.png) no-repeat center top/100%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .item4 { width: 1378px; height: 455px; background: url(../../images/myd/p27.png) no-repeat center top/100%; left: 50%; top: 90px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .item5 { width: 1029px; height: 345px; background: url(../../images/myd/p26.png) no-repeat center top/100%; left: 50%; top: 340px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .item6 { width: 469px; height: 59px; background: url(../../images/myd/p28.png) no-repeat center top/100%; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .item7 { width: 221px; height: 160px; background: url(../../images/myd/p29.png) no-repeat center top/100%; left: -77px; top: 380px; }

.index-products .bd .item8 { width: 205px; height: 151px; background: url(../../images/myd/p30.png) no-repeat center top/100%; right: -70px; top: 386px; }

.index-products .bd .ant1 { -webkit-animation: upDown 1.5s linear 1; animation: upDown 1.5s linear 1; }

.index-products .bd .ant2 { -webkit-animation: upDown 2s linear 1; animation: upDown 2s linear 1; }

.index-products .bd .ant3 { -webkit-animation: upDown 2.5s linear 1; animation: upDown 1s linear 1; }

.index-products .bd .icon { position: absolute; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.index-products .bd .icon .tit { position: absolute; }

.index-products .bd .icon:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); z-index: 99; }

.index-products .bd .icon .info { width: 304px; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; left: -100%; top: -140px; padding: 20px; display: none; background: #ecfdff; border-radius: 8px; font-size: 14px; line-height: 24px; color: #009DEA; font-weight: 400; }

.index-products .bd .icon .info::before { content: ''; width: 104%; height: 80%; border: 1px solid #ecfdff; position: absolute; left: -2%; top: 10%; border-radius: 8px; }

.index-products .bd .icon:hover .info { display: block; }

.index-products .bd .icon1 { width: 176px; height: 188px; background: url(../../images/myd/p31.png) no-repeat center top/100%; left: 6px; top: 280px; }

.index-products .bd .icon1 .tit { width: 108px; height: 83px; background: url(../../images/myd/p32.png) no-repeat center top/100%; left: 40px; top: -56px; }

.index-products .bd .icon2 { width: 137px; height: 142px; background: url(../../images/myd/p33.png) no-repeat center top/100%; left: 180px; top: 198px; }

.index-products .bd .icon2 .tit { width: 110px; height: 85px; background: url(../../images/myd/p34.png) no-repeat center top/100%; left: -10px; top: -50px; }

.index-products .bd .icon3 { width: 113px; height: 123px; background: url(../../images/myd/p37.png) no-repeat center top/100%; left: 314px; top: 130px; }

.index-products .bd .icon3 .tit { width: 104px; height: 84px; background: url(../../images/myd/p38.png) no-repeat center top/100%; left: -10px; top: -50px; }

.index-products .bd .icon4 { width: 112px; height: 127px; background: url(../../images/myd/p39.png) no-repeat center top/100%; right: 320px; top: 107px; }

.index-products .bd .icon4 .tit { width: 115px; height: 96px; background: url(../../images/myd/p40.png) no-repeat center top/100%; left: 0; top: -60px; }

.index-products .bd .icon5 { width: 140px; height: 139px; background: url(../../images/myd/p41.png) no-repeat center top/100%; right: 160px; top: 166px; }

.index-products .bd .icon5 .tit { width: 113px; height: 94px; background: url(../../images/myd/p42.png) no-repeat center top/100%; left: 38px; top: -42px; }

.index-products .bd .icon6 { width: 140px; height: 139px; background: url(../../images/myd/p43.png) no-repeat center top/100%; right: -5px; top: 245px; }

.index-products .bd .icon6 .tit { width: 113px; height: 94px; background: url(../../images/myd/p44.png) no-repeat center top/100%; left: 25px; top: -40px; }

.index-products .bd .icon7 { width: 140px; height: 139px; background: url(../../images/myd/p45.png) no-repeat center top/100%; right: 128px; top: 349px; }

.index-products .bd .icon7 .tit { width: 114px; height: 94px; background: url(../../images/myd/p46.png) no-repeat center top/100%; left: 38px; top: -50px; }

.index-products .bd .icon8 { width: 202px; height: 166px; background: url(../../images/myd/p47.png) no-repeat center top/100%; left: 250px; top: 434px; }

.index-products .bd .icon8 .tit { width: 131px; height: 103px; background: url(../../images/myd/p48.png) no-repeat center top/100%; left: 60px; top: -65px; }

.index-products .bd .icon9 { width: 211px; height: 186px; background: url(../../images/myd/p49.png) no-repeat center top/100%; left: 510px; top: 415px; }

.index-products .bd .icon9 .tit { width: 184px; height: 33px; background: url(../../images/myd/p50.png) no-repeat center top/100%; left: 50%; top: -20px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products .bd .icon10 { width: 165px; height: 219px; background: url(../../images/myd/p51.png) no-repeat center top/100%; right: 240px; top: 360px; }

.index-products .bd .icon10 .tit { width: 125px; height: 100px; background: url(../../images/myd/p52.png) no-repeat center top/100%; left: 6px; top: -3px; }

.index-products1 { background: url(../../images/myd/j02.jpg) center top no-repeat; height: 801px; padding-top: 45px; }

.index-products1 .bd { position: relative; width: 1224px; margin: 0 auto; height: 571px; }

.index-products1 .bd .item { position: absolute; text-indent: -999em; }

.index-products1 .bd .item1 { width: 198px; height: 139px; background: url(../../images/myd/p24.png) no-repeat center top/100%; left: 50%; top: 85px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .item2 { width: 440px; height: 526px; background: url(../../images/myd/p35.png) no-repeat center top/100%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .item3 { width: 348px; height: 221px; background: url(../../images/myd/p36.png) no-repeat center top/100%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .item4 { width: 1185px; height: 391px; background: url(../../images/myd/p27.png) no-repeat center top/100%; left: 50%; top: 90px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .item5 { width: 884px; height: 296px; background: url(../../images/myd/p26.png) no-repeat center top/100%; left: 50%; top: 340px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .item6 { width: 403px; height: 50px; background: url(../../images/myd/p28.png) no-repeat center top/100%; left: 50%; bottom: -50px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .item7 { width: 190px; height: 137px; background: url(../../images/myd/p29.png) no-repeat center top/100%; left: 18px; top: 339px; }

.index-products1 .bd .item8 { width: 176px; height: 129px; background: url(../../images/myd/p30.png) no-repeat center top/100%; right: 28px; top: 345px; }

.index-products1 .bd .ant1 { -webkit-animation: upDown 1.5s linear 1; animation: upDown 1.5s linear 1; }

.index-products1 .bd .ant2 { -webkit-animation: upDown 2s linear 1; animation: upDown 2s linear 1; }

.index-products1 .bd .ant3 { -webkit-animation: upDown 2.5s linear 1; animation: upDown 1s linear 1; }

.index-products1 .bd .icon { position: absolute; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.index-products1 .bd .icon .tit { position: absolute; }

.index-products1 .bd .icon:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); z-index: 99; }

.index-products1 .bd .icon .info { width: 250px; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; left: -50%; top: -140px; padding: 20px; display: none; background: #ecfdff; border-radius: 8px; font-size: 14px; line-height: 24px; color: #009DEA; font-weight: 400; }

.index-products1 .bd .icon .info::before { content: ''; width: 104%; height: 80%; border: 1px solid #ecfdff; position: absolute; left: -2%; top: 10%; border-radius: 8px; }

.index-products1 .bd .icon:hover .info { display: block; }

.index-products1 .bd .icon1 { width: 151px; height: 161px; background: url(../../images/myd/p31.png) no-repeat center top/100%; left: 73px; top: 260px; }

.index-products1 .bd .icon1 .tit { width: 92px; height: 71px; background: url(../../images/myd/p32.png) no-repeat center top/100%; left: 35px; top: -55px; }

.index-products1 .bd .icon2 { width: 117px; height: 122px; background: url(../../images/myd/p33.png) no-repeat center top/100%; left: 230px; top: 185px; }

.index-products1 .bd .icon2 .tit { width: 94px; height: 73px; background: url(../../images/myd/p34.png) no-repeat center top/100%; left: -10px; top: -50px; }

.index-products1 .bd .icon3 { width: 97px; height: 105px; background: url(../../images/myd/p37.png) no-repeat center top/100%; left: 350px; top: 130px; }

.index-products1 .bd .icon3 .tit { width: 89px; height: 72px; background: url(../../images/myd/p38.png) no-repeat center top/100%; left: -10px; top: -50px; }

.index-products1 .bd .icon4 { width: 96px; height: 109px; background: url(../../images/myd/p39.png) no-repeat center top/100%; right: 344px; top: 113px; }

.index-products1 .bd .icon4 .tit { width: 98px; height: 82px; background: url(../../images/myd/p40.png) no-repeat center top/100%; left: 0; top: -60px; }

.index-products1 .bd .icon5 { width: 120px; height: 119px; background: url(../../images/myd/p41.png) no-repeat center top/100%; right: 207px; top: 164px; }

.index-products1 .bd .icon5 .tit { width: 97px; height: 80px; background: url(../../images/myd/p42.png) no-repeat center top/100%; left: 38px; top: -42px; }

.index-products1 .bd .icon6 { width: 120px; height: 119px; background: url(../../images/myd/p43.png) no-repeat center top/100%; right: 60px; top: 245px; }

.index-products1 .bd .icon6 .tit { width: 97px; height: 80px; background: url(../../images/myd/p44.png) no-repeat center top/100%; left: 25px; top: -40px; }

.index-products1 .bd .icon7 { width: 120px; height: 119px; background: url(../../images/myd/p45.png) no-repeat center top/100%; right: 198px; top: 308px; }

.index-products1 .bd .icon7 .tit { width: 98px; height: 80px; background: url(../../images/myd/p46.png) no-repeat center top/100%; left: 38px; top: -50px; }

.index-products1 .bd .icon8 { width: 202px; height: 166px; background: url(../../images/myd/p47.png) no-repeat center top/100%; left: 285px; top: 390px; }

.index-products1 .bd .icon8 .tit { width: 131px; height: 103px; background: url(../../images/myd/p48.png) no-repeat center top/100%; left: 60px; top: -65px; }

.index-products1 .bd .icon9 { width: 211px; height: 186px; background: url(../../images/myd/p49.png) no-repeat center top/100%; left: 508px; top: 377px; }

.index-products1 .bd .icon9 .tit { width: 184px; height: 33px; background: url(../../images/myd/p50.png) no-repeat center top/100%; left: 50%; top: -20px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-products1 .bd .icon10 { width: 165px; height: 219px; background: url(../../images/myd/p51.png) no-repeat center top/100%; right: 290px; top: 335px; }

.index-products1 .bd .icon10 .tit { width: 125px; height: 100px; background: url(../../images/myd/p52.png) no-repeat center top/100%; left: 6px; top: -3px; }

.ch-xc-main { background: url(../../images/myd/j11.jpg) center bottom no-repeat; padding-bottom: 60px; }

.ch-xc-main h3 { text-align: center; font-size: 30px; line-height: 60px; color: #009DEA; font-weight: 700; }

.ch-xc-main .cont .sec { width: 590px; height: 250px; background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, #fff), to(#f2fcff)); background-image: -o-linear-gradient(bottom left, #fff 50%, #f2fcff); background-image: linear-gradient(to top right, #fff 50%, #f2fcff); float: left; margin-bottom: 20px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.ch-xc-main .cont .sec:nth-child(even) { float: right; }

.ch-xc-main .cont .sec:hover { -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.31); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.31); }

.ch-xc-main .cont .sec .pic-txt .pic { padding: 30px 40px 0 30px; }

.ch-xc-main .cont .sec .pic-txt .info h3 { font-size: 21px; font-weight: 700; margin-bottom: 30px; text-align: left; }

.ch-xc-main .cont .sec1 { height: 195px; }

.ch-xc-main .cont .sec2 { height: 220px; }

.ch-xc-main .cont .sec3 { height: auto; width: 100%; padding-bottom: 20px; }

.ch-xc-main .cont .sec4 { height: 290px; }

.pic-intro-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pic-intro-wrap .pic-intro { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; height: 343px; padding-top: 1px; background: #FFFFFF; }

.pic-intro-wrap .pic-intro:last-child { margin-right: 0; }

.pic-intro-wrap .pic-intro .pic { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px; background: #CBE6F4; font-size: 0; line-height: 0; height: 280px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pic-intro-wrap .pic-intro .pic img { max-width: 100%; max-height: 100%; }

.pic-intro-wrap .pic-intro .tit { font-size: 14px; line-height: 24px; color: #333; font-weight: 400; text-align: center; margin: 15px 0 15px; }

.pic-items .item { margin-bottom: 70px; }

.pic-items .item .pic { float: left; width: 610px; height: 425px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pic-items .item .pic img { width: 646px; margin-right: -36px; position: relative; }

.pic-items .item .info { width: 590px; height: 425px; float: left; background: #009dea; padding: 40px 40px 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pic-items .item .info h3 { font-size: 24px; line-height: 60px; color: #fff; font-weight: 700; }

.pic-items .item .info p { font-size: 16px; line-height: 34px; color: #fff; font-weight: 400; }

.pic-items .item:nth-child(even) .pic img { margin-left: -36px; }

.pic-items .item:nth-child(even) .info { padding: 40px 70px 0 40px; }

.summary-info p { font-size: 14px; line-height: 24px; color: #656869; font-weight: 400; margin-bottom: 10px; }

.donation-intro .item { width: 364px; float: left; margin-right: 54px; height: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(0, 157, 234, 0.08))); background: -o-linear-gradient(top, white 20%, rgba(0, 157, 234, 0.08)); background: linear-gradient(to bottom, white 20%, rgba(0, 157, 234, 0.08)); border: 1px solid #AEDBF1; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.31); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.31); border-radius: 20px 0px 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.donation-intro .item:last-child { margin-right: 0; }

.donation-intro .item .num { font-size: 60px; line-height: 60px; color: #009DEA; font-weight: 400; }

.donation-intro .item .unit { font-size: 24px; line-height: 60px; color: #333; font-weight: 400; }

.donation-pics .item { border: 1px solid #fff; width: 284px; height: 340px; position: relative; float: left; margin-right: 18px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px; }

.donation-pics .item::before { content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: 0; background: #009dea; z-index: 2; }

.donation-pics .item::after { content: ''; width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; background: #009dea; }

.donation-pics .item .pic { border: 8px solid #fff; height: 326px; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; background: #dde7f0; text-align: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0 14px rgba(0, 157, 234, 0.24); box-shadow: 0px 0 14px rgba(0, 157, 234, 0.24); }

.donation-pics .item .pic img { max-width: 100%; max-height: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.donation-pics .item .pic img:hover { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); }

.donation-pics .item:nth-child(4n) { margin-right: 0; }

.article-wrap { margin-top: 20px; }

.article-wrap .article-main { background: #FFFFFF; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); padding: 20px 30px; float: left; width: 930px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.article-wrap .article-main .return-tool { height: 34px; }

.article-wrap .article-main .return-tool a { font-size: 12px; line-height: 34px; color: #009DEA; font-weight: 400; vertical-align: top; }

.article-wrap .article-main .return-tool .icon { display: inline-block; width: 9px; height: 34px; background: url(../../images/myd/p115.png) center center no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: top; margin-right: 5px; }

.article-wrap .article-main h1 { margin-top: 20px; font-size: 24px; line-height: 44px; color: #333435; font-weight: 400; }

.article-wrap .article-main .info { font-size: 12px; line-height: 32px; color: #909399; font-weight: 400; }

.article-wrap .article-main .article { margin-top: 30px; }

.article-wrap .article-main .article p { font-size: 14px; line-height: 30px; color: #656869; font-weight: 400; margin-bottom: 10px; }

.article-wrap .article-main .article .pic { text-align: center; font-size: 0; line-height: 0; margin: 10px 0; }

.article-wrap .article-main .article .pic img { max-width: 100%; }

.article-wrap .arcicle-aside { width: 250px; float: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px; background: #FFFFFF; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); }

.article-wrap .arcicle-aside .nav-items { padding: 0 30px 0 20px; }

.article-wrap .arcicle-aside .nav-items dt { font-size: 18px; line-height: 20px; color: #333435; font-weight: 400; padding: 30px 0 20px; }

.article-wrap .arcicle-aside .nav-items dd { margin-bottom: 5px; }

.article-wrap .arcicle-aside .nav-items dd a { width: 100%; display: block; font-size: 15px; line-height: 44px; color: #333435; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; height: 44px; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border: 1px solid #EEEEEE; border-radius: 2px; }

.article-wrap .arcicle-aside .nav-items dd a .arrow { width: 9px; height: 42px; background: url(../../images/myd/p114.png) center center no-repeat; position: absolute; right: 15px; top: 0; display: block; }

.article-wrap .arcicle-aside .nav-items dd a:hover { color: #009DEA; border-color: #009DEA; }

.article-wrap .arcicle-aside .nav-items dd a:hover .arrow { background: url(../../images/myd/p115.png) center center no-repeat; }

.list-wrap .news-list { margin-top: 60px; }

.list-wrap .news-list .items li { background: #FFFFFF; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); box-shadow: 0px 8px 16px 0px rgba(0, 157, 234, 0.14); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; margin-bottom: 40px; }

.list-wrap .news-list .items li .pic { width: 340px; }

.list-wrap .news-list .items li .pic a { font-size: 0; line-height: 0; }

.list-wrap .news-list .items li .pic img { width: 100%; }

.list-wrap .news-list .items li .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 40px; }

.list-wrap .news-list .items li .info h3 { font-size: 24px; line-height: 44px; color: #333435; font-weight: 400; }

.list-wrap .news-list .items li .info h3 a { font-size: 24px; line-height: 44px; color: #333435; font-weight: 400; vertical-align: top; }

.list-wrap .news-list .items li .info p { font-size: 16px; line-height: 30px; color: #656869; font-weight: 400; }

.list-wrap .news-list .items li .info .tip { font-size: 16px; line-height: 30px; color: #909399; font-weight: 400; margin-top: 20px; }

.list-wrap .news-list .items li .info .tip .detail-btn { display: inline-block; padding: 0 55px 0 0; background: url(../../images/myd/p116.png) center right no-repeat; height: 30px; vertical-align: top; font-size: 14px; line-height: 30px; color: #009DEA; font-weight: 400; }

.list-wrap .see-more { width: 206px; font-size: 16px; line-height: 44px; color: #616568; font-weight: 400; text-align: center; height: 44px; display: block; margin: 0 auto; border: 1px solid #959595; border-radius: 21px; }

.list-wrap .see-more .arrow { width: 9px; height: 44px; background: url(../../images/myd/p114.png) center center no-repeat; display: inline-block; vertical-align: top; margin-left: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.tab-case .tab-tit { height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab-case .tab-tit .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; line-height: 72px; color: #333435; font-weight: 400; text-align: center; position: relative; cursor: pointer; border-bottom: 1px solid #aaa; }

.tab-case .tab-tit .item.on::after { content: ''; width: 100%; height: 4px; background: #009dea; color: #009dea; position: absolute; left: 0; bottom: 0; }

.tab-case .tab-con .cont-box { background: #fff; padding: 60px 0 10px; }

.tab-case .tab-con h1 { font-size: 34px; line-height: 42px; color: #333435; font-weight: 400; text-align: center; margin-bottom: 55px; }

.tab-case .tab-con .title-1 { font-size: 34px; line-height: 55px; color: #333435; font-weight: 400; text-align: center; margin-bottom: 55px; }

.tab-case .tab-con .title-1 .icon { vertical-align: top; margin-right: 40px; }

.tab-case .tab-con .intro-box { margin-bottom: 65px; }

.tab-case .tab-con .intro-box .hd { width: 100%; height: 50px; background: url(../../images/myd/p117.png) no-repeat center left/492px; }

.tab-case .tab-con .intro-box .hd span { display: inline-block; background: #fff; vertical-align: top; height: 30px; font-size: 28px; line-height: 30px; color: #009DEA; font-weight: 700; margin-top: -4px; }

.tab-case .tab-con .intro-box .hd1 { width: 100%; height: 50px; background: url(../../images/myd/p146.png) repeat; }

.tab-case .tab-con .intro-box .hd1 span { display: inline-block; background: #fff; vertical-align: top; height: 30px; font-size: 28px; line-height: 30px; color: #009DEA; font-weight: 700; margin-top: -4px; }

.tab-case .tab-con .intro-box .bd { background: #009dea; padding: 20px 30px 30px; }

.tab-case .tab-con .intro-box .bd .intro { float: left; width: 440px; }

.tab-case .tab-con .intro-box .bd .intro p { font-size: 14px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 5px; }

.tab-case .tab-con .intro-box .bd .intro .p1 { font-size: 18px; line-height: 36px; color: #fff; font-weight: 400; }

.tab-case .tab-con .intro-box .bd .pic { background: #FFFFFF; float: right; padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 680px; margin-top: -70px; -webkit-box-shadow: 0px 8px 29px 0px rgba(0, 157, 234, 0.31); box-shadow: 0px 8px 29px 0px rgba(0, 157, 234, 0.31); position: relative; }

.tab-case .tab-con .intro-box .bd .pic p { font-size: 14px; line-height: 28px; color: #656869; font-weight: 400; }

.tab-case .tab-con .intro-box .bd .pic .p2 { font-size: 16px; line-height: 28px; color: #656869; font-weight: 700; }

.tab-case .tab-con .intro-box .bd .pic img { width: 100%; }

.tab-case .tab-con .intro-box .bd .pic .tip { width: 420px; position: absolute; left: -460px; bottom: 0; height: 358px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; padding: 10px 30px; -webkit-box-shadow: 0px 8px 29px 0px rgba(0, 157, 234, 0.31); box-shadow: 0px 8px 29px 0px rgba(0, 157, 234, 0.31); }

.tab-case .tab-con .intro-box .bd .pic .tip::before { content: ''; width: 0; height: 0; border: 10px solid transparent; border-left-color: #fff; position: absolute; right: -19px; top: 50%; margin-top: -10px; }

.tab-case .tab-con .intro-box .bd .pic .tip .tit { color: #009DEA; font-weight: bold; }

.tab-case .tab-con .intro-box .bd .pic .tip p { color: #009DEA; }

.tab-case .tab-con .intro-box .bd1 { background: url(../../images/myd/p146.png); height: 635px; }

.tab-case .tab-con .intro-box .bd1 .bd { height: 210px; }

.tab-case .tab-con .intro-box .bd1 .bd-c { height: 520px; }

.tab-case .tab-con .intro-box .bd1 .bd-d { background: #f0f; }

.tab-case .tab-con .intro-box .bd1 .pic1 { margin-top: -500px; width: 100%; text-align: center; }

.tab-case .tab-con .intro-box .bd1 .pic1 img { max-width: 100%; }

.tab-case .tab-con .intro-box .bd2 { background: #fff; }

.tab-case .tab-con .intro-box .bd2 p { font-size: 14px; line-height: 28px; color: #009DEA; font-weight: 400; }

.tab-case .tab-con .intro-box .bd2 p strong { font-weight: 700; }

.tab-case .tab-con .intro-box .bd2 p .num { font-size: 24px; }

.about-wrap .summary { padding: 60px 0; }

.about-wrap .summary p { font-size: 14px; line-height: 24px; color: #656869; font-weight: 400; margin-bottom: 10px; }

.about-wrap .pic-items-b .item { position: relative; width: 285px; height: 250px; border: 1px solid #DDE7F0; padding: 8px 9px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 20px; margin-bottom: 20px; }

.about-wrap .pic-items-b .item::before { content: ''; width: 16px; height: 16px; background: #DDE7F0; display: block; position: absolute; left: 0; top: 0; }

.about-wrap .pic-items-b .item::after { content: ''; width: 16px; height: 16px; background: #DDE7F0; display: block; position: absolute; right: 0; bottom: 0; }

.about-wrap .pic-items-b .item:nth-child(4n) { margin-right: 0; }

.about-wrap .pic-items-b .item .pic { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; width: 267px; height: 234px; background: #D8DFE5; border: 8px solid #FFFFFF; -webkit-box-shadow: 0px 2px 8px 0px rgba(4, 0, 0, 0.17); box-shadow: 0px 2px 8px 0px rgba(4, 0, 0, 0.17); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.about-wrap .pic-items-b .item .pic img { max-width: 100%; max-height: 100%; }

.about-wrap .more-btn { width: 171px; font-size: 16px; line-height: 45px; color: #656869; font-weight: 400; text-align: center; display: block; margin: 30px auto; cursor: pointer; height: 45px; border: 1px solid #959595; border-radius: 4px; }

@media screen and (max-width: 769px) { html, body { font-size: 13.3333vw; }
  .index-products, .index-products1 { display: none; }
  .nav-wrap-holder { display: block; height: .9rem; }
  .nav-wrap { height: .9rem; width: 100%; position: fixed; left: 0; top: 0; background: #fff; overflow: hidden; }
  .nav-wrap .logo { margin: 0 auto; float: none; height: .9rem; width: 16%; background-size: 100%; }
  .nav-wrap .menu-btn { display: block; background: url(../../images/myd/p01.png) center center no-repeat; background-size: .34rem; width: 1.1rem; height: .9rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; position: absolute; left: 0rem; top: 0; }
  .nav-wrap .menu-items { position: absolute; left: 0; top: .9rem; width: 100%; text-align: left; border-top: 1px solid #f1f1f1; height: 100%; overflow-x: hidden; overflow-y: auto; }
  .nav-wrap .menu-items .level-1 { display: block; width: 100%; padding: 0 0 0 .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; height: auto; border-bottom: 1px solid #f1f1f1; }
  .nav-wrap .menu-items .level-1 > a { line-height: .8rem; font-size: .32rem; }
  .nav-wrap .menu-items .level-1 .arrow { position: absolute; width: .32rem; height: .32rem; display: block; right: .2rem; top: .24rem; background: url(../../images/myd/p15.png) no-repeat center center/100%; }
  .nav-wrap .menu-items .level-1 .unfold-arrow { background: url(../../images/myd/p14.png) no-repeat center center/100%; }
  .nav-wrap .menu-items .level-1:hover::before { width: 0; }
  .nav-wrap .menu-items .phone { margin: 0 auto; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; }
  .nav-wrap .menu-items .level2 { position: static; left: auto; top: auto; width: 100% !important; -webkit-box-shadow: 0 0 0 rgba(5, 0, 0, 0); box-shadow: 0 0 0 rgba(5, 0, 0, 0); padding: 0; }
  .nav-wrap .menu-items .level2 .level2-item { width: 100% !important; margin-left: .3rem; border-bottom: 1px solid #f1f1f1; }
  .nav-wrap .menu-items .level2 .level2-item:last-child { border-bottom: 0; }
  .nav-wrap .menu-items .level2 .level2-item a { font-size: .3rem; padding: 0; }
  .nav-opend { height: 100%; }
  .nav-opend .menu-btn { background: url(../../images/myd/p02.png) no-repeat center center/0.34rem; -webkit-transform: scale(1) rotate(180deg); -ms-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
  .nav-opend > .w1200 { height: calc(100vh - 0.9rem); }
  .tit-h2-1 { font-size: .5rem; }
  .tit-h2-1::before { width: 20%; }
  .tit-h2-1::after { width: 20%; }
  .tit-h2-2 { font-size: .5rem; }
  .tit-h2-2::before { width: 20%; }
  .tit-h2-2::after { width: 20%; }
  .footer-wrap { font-size: 0; }
  .footer-wrap .bd .sec { float: none; margin-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin-bottom: 20px; }
  .footer-wrap .bd .sec dt { font-size: 16px; }
  .footer-wrap .bd .sec dd { display: inline-block; margin-right: 10px; }
  .footer-wrap .bd .sec dd .col-2 { width: 50%; }
  .footer-wrap .bd .code-box { width: auto; float: none; margin-left: 30px; }
  .footer-wrap .bd .code-box a { display: inline-block; vertical-align: middle; margin-right: 20px; }
  .footer-wrap .ft { padding: 10px 0; }
  .index-operation .item { width: 6.9rem; float: none !important; margin: 0 auto 20px; height: auto; }
  .index-operation .item .icon { width: 1.4rem; }
  .index-partner { width: 6.9rem; }
  .index-partner .items .item { width: 23%; margin-right: 2%; height: .60rem; }
  .index-partner .items .item:nth-child(6n) { margin-right: 2%; }
  .index-partner .items .item:nth-child(4n) { margin-right: 0; }
  .index-solution .items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 .3rem; }
  .index-solution .items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: #fff; -webkit-box-shadow: 0 0 5px #009DEA; box-shadow: 0 0 5px #009DEA; margin-bottom: .3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .4rem 15px; }
  .index-solution .items .item .icon { margin-right: 15px; margin-bottom: 0; width: 1rem; height: 1rem; background-size: 100%; }
  .index-solution .items .item .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .index-solution .items .item .info h3 { text-align: left; font-size: .32rem; margin-bottom: .15rem; }
  .index-solution .items .item .info p { line-height: .4rem; }
  .index-header { margin-bottom: .6rem; }
  .index-header .swiper-slide-1 { background: url(../../images/myd/j13.jpg) no-repeat center top/cover; height: 200px; }
  .index-header .swiper-slide-1 img { display: none; }
  .index-header .swiper-slide-1 .info { top: 12%; width: 92%; margin-left: 0; left: 4%; }
  .index-header .swiper-slide-1 .info h3 { font-size: .52rem; line-height: .62rem; margin-bottom: 20px; font-weight: 700; text-align: center; }
  .index-header .swiper-slide-1 .info p { font-size: .3rem; line-height: .5rem; }
  .index-header .swiper-slide-1 .info1 { top: 50%; }
  .index-worth { background: none; }
  .index-worth .bd { height: auto; }
  .index-worth .bd .sec { position: static; left: auto; right: auto; top: auto; margin: 0 auto .3rem; bottom: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 6.9rem; height: auto; background: none; -webkit-box-shadow: 0px 0 4px rgba(0, 157, 234, 0.75); box-shadow: 0px 0 4px rgba(0, 157, 234, 0.75); }
  .index-worth .bd .sec .cont { width: 2rem; margin-right: .6rem; height: auto; }
  .index-worth .bd .sec .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: static; left: auto; top: auto; width: auto; }
  .index-worth .bd .sec .item .line { right: auto; left: 0; height: 60%; bottom: auto; top: 20%; width: 1px; }
  .index-worth .bd .sec .item .line::before { left: -12px; right: auto; bottom: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; }
  .index-worth .bd .sec .item .line::after { left: -33px; right: auto; width: 22px; height: 1px; top: 50%; }
  .index-worth .bd .sec .item p:last-child { margin-bottom: 0; }
  .index-worth .bd .sec2 .item p span { padding-right: .15rem; }
  .index-worth .bd .sec3 .item p span { padding-right: .15rem; }
  .index-worth .tit { display: none; }
  .index-case .items { height: auto; width: 100%; margin-top: .4rem; }
  .index-case .items .pic { float: none; margin: 0 .3rem .3rem; width: 6.9rem; background-size: 100%; height: 5.4rem; }
  .index-case .items .pic .info { opacity: 1; }
  .index-case .items .pic .icon { opacity: 0; }
  .ch-pro-feature .items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .ch-pro-feature .items .item { width: 92%; margin: 0 auto 0.4rem !important; height: auto !important; padding-bottom: 20px; }
  .ch-app-sence { width: 92%; margin: 0 auto 0.4rem !important; }
  .ch-app-sence .pic-txt { padding: 20px 0; }
  .ch-app-sence .pic-txt .pic { width: 35%; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; }
  .ch-app-sence .pic-txt .info { margin: 0 !important; padding: 0 20px; }
  .ch-app-sence .pic-txt .info h3 { margin-bottom: .3rem; }
  .ch-product-m { height: auto; background: #c2e6f9; padding-bottom: .4rem; }
  .ch-product-m .tab-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .ch-product-m .tab-box .tab-tit { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; line-height: 0; padding: .3rem 0 .1rem; margin-bottom: .2rem; background: none; }
  .ch-product-m .tab-box .tab-tit .item { margin-left: 4%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; border-radius: .3rem; width: auto; height: .6rem; line-height: .6rem; font-size: .28rem; display: inline-block; padding: 0 .1rem; margin-bottom: .2rem; }
  .ch-product-m .tab-box .tab-tit .item::before { width: 0 !important; }
  .ch-product-m .tab-box .tab-tit .item.on { border-color: #009DEA; }
  .ch-product-m .tab-box .tab-cont { margin: 0 .3rem; }
  .ch-product-m .tab-box .tab-cont .tab-con .pic-txt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: .6rem .3rem .3rem; }
  .ch-product-m .tab-box .tab-cont .tab-con .pic-txt .info { padding: 0; }
  .ch-product-m .tab-box .tab-cont .tab-con .pic-txt .info h3 { margin-bottom: .3rem; }
  .ch-product-m .tab-box .tab-cont .tab-con .pic-txt .pic { height: auto; padding: .4rem 0; }
  .ch-xc-main .cont .sec { float: none !important; width: 96% !important; margin: 0 auto 20px; height: auto; }
  .ch-xc-main .cont .sec .pic-txt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; }
  .ch-xc-main .cont .sec .pic-txt .pic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; text-align: center; }
  .ch-xc-main .cont .sec .pic-txt .info h3 { text-align: center; }
  .pic-intro-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .pic-intro-wrap .pic-intro { margin: 4% !important; height: auto; }
  .pic-items { width: 96%; margin: 0 auto; }
  .pic-items .item { margin-bottom: .7rem; }
  .pic-items .item .pic { float: none; width: 100%; height: auto; }
  .pic-items .item .pic img { width: 100%; margin-right: 0; }
  .pic-items .item .info { width: 100%; height: auto; float: none; padding: .4rem; }
  .pic-items .item:nth-child(even) .pic img { margin-left: 0; }
  .pic-items .item:nth-child(even) .info { padding: .4rem; }
  .donation-intro { margin: 0 auto; width: 94%; }
  .donation-intro .item { width: 100%; margin-bottom: 20px; padding: 20px 0; }
  .donation-intro .item .num { font-size: .6rem; line-height: .6rem; }
  .donation-intro .item .unit { font-size: .3rem; line-height: .6rem; }
  .donation-pics { margin: 0 auto; width: 94%; }
  .donation-pics .item { width: 100%; margin: 0 auto 20px; float: none; }
  .donation-pics .item .pic { width: 100%; }
  .article-wrap .article-main { width: 96%; margin: 0 auto 20px; float: none; }
  .article-wrap .arcicle-aside { width: 96%; margin: 0 auto; float: none; }
  .list-wrap .news-list { margin-top: 60px; width: 96%; margin: .6rem auto; }
  .list-wrap .news-list .items li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: .3rem; }
  .list-wrap .news-list .items li .pic { width: 100%; }
  .list-wrap .news-list .items li .info { margin-left: 0; }
  .solution-box { padding: .4rem; }
  .solution-box .items .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .solution-box .items .row .item { margin: 0 auto .4rem; }
  .tab-case .tab-con h1 { font-size: .5rem; line-height: .8rem; padding: 0 .2rem; }
  .tab-case .tab-con .title-1 { font-size: .34rem; line-height: .56rem; height: .56rem; }
  .tab-case .tab-con .title-1 .icon { height: .56rem; margin-right: .2rem; }
  .tab-case .tab-con .intro-box .hd span { padding: 0 .1rem; }
  .tab-case .tab-con .intro-box .bd { padding: .3rem; }
  .tab-case .tab-con .intro-box .bd .intro { float: none; width: 100%; }
  .tab-case .tab-con .intro-box .bd .pic { float: none; width: 100%; margin-top: 20px; }
  .tab-case .tab-con .intro-box .bd1 { height: auto; }
  .tab-case .tab-con .intro-box .bd1 .bd { height: auto; }
  .tab-case .tab-con .intro-box .bd1 .pic1 { margin-top: 0; }
  .tab-case .tab-con .intro-box .bd2 { padding: .2rem .3rem; } }
/*# sourceMappingURL=index.css.map */