body{ font-size: 0.875rem; font-family:arial,"微软雅黑";}
.mxxy-top-bg { width: 100%; height: 2.5rem; line-height: 2.5rem; background-color: rgba(0,0,0,0.4); position:absolute; z-index: 5;}
.mxxy-top-yu{ color: #dcdcdc;}
.mxxy-top-dh{ text-align: right; color: #FFFFFF; font-size: 1rem; font-weight: bold;}
.mxxy-top-dh span{ margin-right: 0.3125rem;}
.mxxy-top-dh span img{ margin-top: -0.3125rem;}

/* 主营业务 */
.diy-zyyw{ background-color: #f6f6f6; padding-bottom:1.875rem}

.diy-zyyw-a{ text-align: center; background-color: #FFFFFF; padding: 0 1.875rem; margin: 1.25rem 0; transition: all 0.36s ease; position: relative; z-index: 5;}
.diy-zyyw-a:hover{ box-shadow: 0px 10px 10px 0px rgb(114 114 114 / 26%);}

.diy-zyyw-a:before {
  content: '';
  background-color: #ff7327;
  position: absolute;
  top: 61px;
  left: 0;
  border-radius:6.25rem;
  opacity: 0;
}

.diy-zyyw-a:hover:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes scale-up-right {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;

  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
    border-radius: 0px;
  }
}

@keyframes scale-up-right {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    border-bottom-left-radius: 400px;
    border-bottom-right-radius: 400px;
    border-top-right-radius: 400px;
    border-top-left-radius: 400px;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    border-radius: 0px;
  }
}

.diy-zyyw-a:hover .diy-zyyw-b{ color: #FFFFFF; transition: all 0.36s ease;}
.diy-zyyw-a:hover .diy-zyyw-c{ color: #dbffde; transition: all 0.36s ease;}
.diy-zyyw-a:hover .div-zyyw-f{ background-color: #FFFFFF; transition: all 0.36s ease;}
.diy-zyyw-a:hover .diy-zyyw-b::before{ background: #F7F7F7;}

.diy-zyyw-a img{ width: 5.625rem; height: 5.625rem; margin: 0 auto;}
.diy-zyyw-b{ font-size: 1.125rem; height: 1.875rem; line-height: 1.875rem; color: #2b2b2b; position: relative; z-index: 5;}
.diy-zyyw-b::before {
    content: '';
    width:3.125rem;
    height: 1px;
    background: #727272;
    position: absolute;
	bottom: 0rem;
	left:50%;
	margin-left:-1.562rem;
}

.diy-zyyw-ah{ display: block;}
.diy-zyyw-c{ padding: 1.25rem 0; color: #727272; font-size: 0.875rem; position: relative; z-index: 5;}
.diy-zyyw-d{ padding: 1.875rem 0; position: relative; z-index: 5;}
.diy-zyyw-e{ padding: 3.75rem 0; position: relative; z-index: 5;}
.div-zyyw-f{ border-radius: 0.3125rem; border:1px solid #15c8a0; padding: 0.3125rem 1.25rem; font-size: 0.875rem;}
.div-zyyw-f i{ margin-left: 0.3125rem; font-size: 0.875rem;}
.diy-zyyw-title{ font-size: 2.25rem; color: #15c8a0; text-align: center; padding: 3.125rem 0 3.125rem; background:url(../img/mxxyimg/title_bg.png) no-repeat center; background-size:auto;}


.mxxy-gywm{ background: url(../img/mxxyimg/bg1.jpg) no-repeat center top;}
.mxxy-gywm-img img{ width: 100%; height: auto;}
.mxxy-gywm-wz{ border:2px solid #15c8a0; border-top: 0; text-align: center;}
.mxxy-gywm-wz p{ font-size:1.125rem; color: #303030; text-align: center; padding: 1rem 0; margin: 0;}
.mxxy-gywm-wz span{ font-size: 0.875rem; color:#727272; margin: 0 1.25rem; display: block;}
.mxxy-gywm-wz .span1{ padding:0 1.25rem; background-color: #15C8A0; font-size: 0.875rem; color: #FFFFFF; margin-top: 1rem; position: relative; bottom: -0.8125rem; display: inline-block;}

.mxxy-gywm-rimg{ background-color: #FFFFFF; margin-top: 3.5rem;}
.mxxy-gywm-rddh{ float: left; width: 14.625rem; height: 10.25rem;}
.mxxy-gywm-rddh img{ width: 100%; height: auto;}
.mxxy-gywm-rwz{ text-align: center; padding-top: 1.25rem;}
.mxxy-gywm-rwz p{ margin: 0; line-height:2;}
.mxxy-gywm-rwz .mxxy-gywm-p1{ font-size: 1.5rem;  color:#2b2b2b; font-family: 微软雅黑;}
.mxxy-gywm-rwz .mxxy-gywm-p2{ font-size: 0.875rem; color:#727272;}
.mxxy-gywm-rwz .mxxy-gywm-p3{ font-size: 1.125rem;}

.mxxy-gy-dh{ padding-left: 1.25rem; padding-top: 0.3125rem;}
.mxxy-gy-dhk{}
.mxxy-gy-dha{ width:5.125rem; float: left; margin-right: 1rem;}
.mxxy-gy-dhb{ font-size: 0.875rem; color: #2b2b2b; padding-top: 0.3125rem; }
.mxxy-gy-dhc{ font-size: 1.125rem; color: #2B2B2B;}
.mxxy-gy-dhc span{ font-size:2.25rem; font-family: "arial black";}
.mxxy-gy-dhd{ padding-top: 0.8125rem;}
.mxxy-gy-dhd p{ font-size: 0.875rem; margin-bottom: 0;}

.mxxy-boot{ background-color: #181818; margin-top: 6.25rem;}
.mxxy-hs{ background-color: #252525; margin-top: -2.25rem; padding: 2.5rem;}
.mxxy-hs:after ,.mxxy-gywm-rimg::after ,.mxxy-gy-dhk::after{
     content:"";/*设置内容为空*/
         height:0;/*高度为0*/
         line-height:0;/*行高为0*/
         display:block;/*将文本转为块级元素*/
         visibility:hidden;/*将元素隐藏*/
         clear:both;/*清除浮动*/
}
.mxxy-erimg{ float:left; width: 5.875rem;}
.mxxy-erimg img{ max-width: 100%; display: block; margin-top: 0.325rem;}
.mxxy-ersp{ float:left; width: 10rem; margin-left: 0.625rem;}

.mxxy-ersp span{ display: block;}

.mxxy-ersp .mxxy-sp1{ color: #FFFFFF;}
.mxxy-ersp .mxxy-sp2{ font-size: 2rem; font-family: "arial black"; color: #d0d0d0;}
.mxxy-ersp .mxxy-sp3{ color: #c0c0c0;}
.mxxy-ersp .mxxy-sp4{ color: #FFFFFF; font-size: 1.5rem;}

.boot-nav{ color: #c8c8c8; font-size: 0.875rem; padding-top: 1.875rem;}
.boot-nav a{ color: #FFFFFF; margin: 0 0.625rem; font-size: 0.875rem; line-height: 1.875rem;}
.boot-bq{ font-size: 0.875rem; text-align: right; bottom: 1rem; right: 0.625rem; position:absolute;}
.boot-bq span a{ color: #666666;}
.mxxy-gydh{ padding-top:4.375rem}

.mxxy-contbg{ /* background-color: #f8f8f8; */ padding: 0.1rem;}
.mxxy-contas{ /* -moz-box-shadow:0px 0px 12px #D4D4D4; -webkit-box-shadow:0px 0px 12px #D4D4D4; box-shadow:0px 0px 12px #D4D4D4; */border-radius: 0.625rem; padding: 1.85rem; margin-top: 1.875rem; margin-bottom: 1.25rem;}

@media screen and (max-width: 768px) {
  .mxxy-gy-dhc span{ display: block; font-size: 1.7rem;}
  .mxxy-hs{background:none; margin-top:0; padding: 0.5rem;}
  .boot-bq span{ display: block;}
  .mxxy-gywm{background-size: 375% auto;}
  .mxxy-gy-dha{ width: 3.125rem;}
  .mxxy-gy-dh{ padding:1.25rem; margin-top: 1.25rem; background-color: #f6f6f6; border-radius: 0.4375rem;}
  .mxxy-gydh{ padding-top:1.375rem;}
  .mxxy-boot{ margin-top: 1.375rem;}
  }
  
  /* 内容样式 */
  /* 布线 */
  .buxian001{ font-size: 1rem; color: #252525;}
  .buxian002{ font-size: 0.875rem;}
  .buxian003 span{ display: block;}
  
.mxno-col{ padding: 1.25rem;}

/* 在线客服 */
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../img/mxxyimg/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../img/mxxyimg/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../img/mxxyimg/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../img/mxxyimg/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../img/mxxyimg/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../img/mxxyimg/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

/* 手机端 客服 */
.f-l { float: left }
.f-r { float: right }
.clearfix:after { content: "/20"; display: block; visibility: hidden; clear: both; font-size: 0; line-height: 0; height: 0 }
 
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }