@charset "utf-8";
/*weui.css*/
@font-face{font-style: normal; font-family: weui; src: url('data:application/octet-stream;base64,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') format('truetype');}
[class*=" weui-icon-"],[class^=weui-icon-]{display: flex; justify-content: center; align-items: center; font: normal normal normal 14px/1 weui; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.weui-icon-success-no-circle:before{content:"\EA08"}
.weui-icon-success-no-circle{font-size: 24px; color: #fff; margin-top: 8px;}
.weui-toast{min-width: 106px; min-height: 106px;  background: rgba(0,0,0,.7); text-align: center; border-radius: 5px; color:#fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20000000000;}
.weui_loading{height: 60px; display: flex; justify-content: center; align-items: flex-end;}
.weui-toast_content{padding: 2px 6px 12px 6px; font-size: 14px;}
.weui-icon_toast.weui-loading{margin-bottom: 4px; font-size: 55px; color: #fff; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; animation: e 1s steps(12) infinite; background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat; background-size: 100%;}
@keyframes e{0%{transform: rotate(0deg);}to{transform: rotate(1turn);}}
.weui-icon_toast.weui-icon-success-no-circle:before{font-size: 55px; color: #fff;}
/*Swiper.css*/
@font-face{font-family:swiper-icons;src:url("../fonts/c5ee41e7a7854726aadf88c027797d55.woff") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#ff6a00}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{display:flex;justify-content:center;position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:block;border-radius:100%;background:#fff}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/*公共样式*/
*{margin: 0; padding: 0; box-sizing: border-box;}
*:before,*:after{box-sizing: border-box;}
html{min-width: 320px; max-width: 790px; margin: 0 auto;}
body{font-size: 14px; background: #fff; font-family: 'Microsoft YaHei',Arial,Verdana,Sans-Serif; line-height: 1.5; color: #333;}
ol,ul,li{list-style: none;}
u{text-decoration: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .5s; cursor: pointer; outline: 0;}
a:hover{color: #ff6a00!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.noscroll body{width: 100%; max-width: 790px; position: fixed;}
@font-face{font-family: 'iconfont';src: url('../fonts/iconfont.eot');src: url('../fonts/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.woff2') format('woff2'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont{display: flex; align-items: center; justify-content: center; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*头部*/
#header{width: 100%; max-width: 790px; height: 60px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;}
#header .logo img{height: 38px;}
.toggle{display: block; width: 30px; height: 24px; position: relative; z-index: 6;}
.toggle i{display: block; width: 30px; height: 4px; background: #514a7c; position: absolute; left: 0; transition: all ease .35s;}
.toggle i:nth-of-type(1){top: 0;}
.toggle i:nth-of-type(2){top: 10px;}
.toggle i:nth-of-type(3){top: 20px;}
.toggle.on i{background: #fff;}
.toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}
.toggle.on i:nth-of-type(2){width: 0;}
.toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}
#h60{height: 60px;}
.maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.maskbg.on{display: block;}
.nav{width: 240px; background: #445268; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.nav.open{transform: translateX(0); opacity: 1;}
.nav > ul{height: 100%; margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.nav ul li{border-top: 1px solid #313d52; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}
.nav > ul > li:first-child{border-top: 0 none;}
.nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 16px; color: #fff;}
.nav ul li a:hover{color: #ff6a00!important;}
.nav ul li ul{display: none;}
.nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #fff; position: absolute; right: 0; top: 0; transition: transform .5s;}
.nav ul li i.down{color: #ff6a00; transform: rotate(90deg);}
.nav ul li ul li{margin-right: 0;}
.nav ul li ul li a{color: rgba(255,255,255,.6); height: 40px; line-height: 40px; font-size: 14px;}
/*底部*/
#footer{padding: 20px 10px; background: #445268;}
.foot-nav dt{border-bottom: 1px solid #333; font-size: 17px;}
.foot-nav dt a{display: flex; align-items: center; justify-content: space-between; height: 50px; line-height: 50px; color: #fff; padding: 0 10px;}
.foot-nav dt i{display: block; width: 16px; height: 16px; position: relative;}
.foot-nav dt i:before,.foot-nav dt i:after{display: block; content: ""; background: #fff; position: absolute;}
.foot-nav dt i:before{width: 16px; height: 2px; left: 0; top: 7px;}
.foot-nav dt i:after{width: 2px; height: 16px; left: 7px; top: 0;}
.foot-nav dt a:hover{color: #ccc!important;}
.foot-nav dt.down a{color: #ff6a00!important;}
.foot-nav dt.down a i:before{background: #ff6a00;}
.foot-nav dt.down a i:after{display: none;}
.foot-nav dd{display: none; padding: 8px 0;}
.foot-nav dd li a{display: block; height: 40px; line-height: 40px; font-size: 15px; color: rgba(255,255,255,.6); padding: 0 10px;}
.foot-model{display: flex; justify-content: space-between; margin-top: 26px; padding: 0 6px;}
.foot-wechat img{display: block; width: 96px; height: 96px; border: 1px solid #929898; margin: 0 auto 8px; border-radius: 2px;}
.foot-wechat p{font-size: 12px; text-align: center; line-height: 20px; color: rgba(255,255,255,.6);}
.foot-tel .tit{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 4px; color: rgba(255,255,255,.6);}
.foot-tel .tit i{font-size: 16px; margin-right: 4px;}
.foot-tel .tit span{display: block; font-size: 12px;}
.foot-tel .ftel{font-size: 18px; font-weight: bold; color: #ff6a00; line-height: 1.25;}
.foot-tel .ftel a{color: #ff6a00;}
.foot-tel .advice{display: flex; justify-content: flex-end; margin-top: 8px;}
.foot-tel .advice a{display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; background: #ff6a00; border-radius: 4px; color: #fff; text-align: center;}
.foot-tel .advice a i{display: block; font-size: 20px; color: #fff; margin-right: 6px;}
.foot-tel .advice a span{display: block; font-size: 14px; color: #fff;}
.foot-copy{padding: 10px 0; line-height: 24px; font-size: 12px; color: rgba(255,255,255,.6); text-align: center; margin-top: 32px;}
.foot-copy a{color: rgba(255,255,255,.6);}
/*首页---广告图*/
.banner{position: relative;}
.banner .swiper-slide img{display: block; width: 100%;}
.banner .swiper-pagination-bullet{background: rgba(248,230,230,.6);}
.banner .swiper-pagination-bullet-active{background: #fff;}
/*首页*/
.inhead{text-align: center; position: relative; padding-top: 24px;}
.inentitle{font-family: "Arial Black"; font-size: 50px; color: #f6f5fb; line-height: 1;}
.intitle{width: 100%; color: #514a7c; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; left: 0; top: 40px;}
.intitle img{height: 16px;}
.intitle h2{font-size: 20px; line-height: 1; position: relative;}
@media only screen and (max-width: 350px){
  .intitle h2{font-size: 21px;}
}
/*首页---服务项目*/
.inservice{padding: 0 12px; background: #fff;}
.inservice .intitle h2{font-size: 18px;}
.inservice .intitle span{color: #f37b97; font-family: "Impact"; line-height: 1; font-size: 24px; margin-left: 4px; background-image: linear-gradient(to right,#f37b97,#feadce); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.inservice .intitle h2:after{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -16px; bottom: -10px;}
.inservice-box{margin-top: 14px; padding-bottom: 30px;}
.inservice-box li{ position: relative;width: 50%;box-sizing: border-box;float: left;}
.inservice-box li .item{
  padding: 18px 10px 20px 28px;
  margin: 8px 6px;
  overflow: hidden; box-shadow: 0 0 10px rgba(7,0,2,.15); transition: box-shadow .6s;
  background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 6px;
}
.inservice-box li.s1 .item{background-image: url(../images/inservice-dbg1.jpg);}
.inservice-box li.s2 .item{background-image: url(../images/inservice-dbg2.jpg);}
.inservice-box li.s3 .item{background-image: url(../images/inservice-dbg3.jpg);}
.inservice-box li.s4 .item{background-image: url(../images/inservice-dbg4.jpg);}
.inservice-box li.s5 .item{background-image: url(../images/inservice-dbg5.jpg);}
.inservice-box li.s6 .item{background-image: url(../images/inservice-dbg6.jpg);}
.inservice-box li.s7 .item{background-image: url(../images/inservice-dbg7.jpg);}
.inservice-box li.s8 .item{background-image: url(../images/inservice-dbg8.jpg);}
.inservice-box li .icon{width: 30px; height: 30px; background-repeat: no-repeat; background-image: url(../images/service-icon.png); background-size: 240px 30px; position: absolute; left: 10px; top: 24px;}
.inservice-box li.s1 .icon{background-position: 0 0;}
.inservice-box li.s2 .icon{background-position: -30px 0;}
.inservice-box li.s3 .icon{background-position: -60px 0;}
.inservice-box li.s4 .icon{background-position: -90px 0;}
.inservice-box li.s5 .icon{background-position: -120px 0;}
.inservice-box li.s6 .icon{background-position: -150px 0;}
.inservice-box li.s7 .icon{background-position: -180px 0;}
.inservice-box li.s8 .icon{background-position: -210px 0;}
.inservice-box li .title{font-size: 16px; color: #fff; margin-left: 12px;}
.inservice-box li .desc{font-family: "Microsoft Yahei Light"; font-size: 12px;height: 54px;; color: #fff; margin-left: 12px; margin-top: 2px;}
.inservice-box li .intro{margin-top: 8px; font-family: "Microsoft Yahei Light"; font-size: 14px; color: #fff;display: none;}
.inservice-box li .intro p{line-height: 30px; position: relative; padding-left: 12px;}
.inservice-box li .intro p:before{display: block; content: ""; width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 13px;}
.inservice-box li .more{display: none;width: 100px; height: 30px; line-height: 30px; border: 1px solid #fff; border-radius: 15px; position: absolute; right: 15px; bottom: 18px; font-size: 12px; color: #fff; text-align: center;}
.inservice-box li .more:hover{color: #fff!important;}
.inservice-box li:hover .item{box-shadow: 0 0 16px rgba(7,0,2,.32);}
@media only screen and (max-width: 372px){
  .inservice .intitle h2{font-size: 16px;}
}
@media only screen and (max-width: 342px){
  .inservice .intitle h2{font-size: 14px;}
}
/*首页---解决方案*/
.insolution{background: #f3f8ff; padding: 0 12px 30px 12px;}
.insolution .inentitle{color: #e9f1fc;}
.insolution .intitle h2{font-size: 20px;}
.insolution .intitle h2:after{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; background-image: linear-gradient(to right,#77c2fb,#83eefe); position: absolute; right: -16px; bottom: -10px;}
.insolution-box{margin-top: 6px;}
.insolution-box ul{display: flex;justify-content: center;flex-wrap: wrap;margin-right: -8px;}
.insolution-box li{padding: 24px 10px; transition: box-shadow .6s;width: 45%;box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(138, 138, 138, 0.1);
  border-radius: 20px;margin: 8px;}
.insolution-box li .icon{width: 66px; height: 66px; background-repeat: no-repeat; background-image: url(../images/solution-icon.png); background-size: 280px 70px; margin: 0 auto;}
.insolution-box li .ico3, .insolution-box li .ico4, .insolution-box li .ico5, .insolution-box li .ico7, .insolution-box li .ico8 {
  background: url(../images/fagn-icon.png) no-repeat;
}
.insolution-box li .ico1 {
  background-position: -70px 0px;
}
.insolution-box li .ico2 {
  background-position: -140px 0;
}
.insolution-box li .ico3 {
  background-position: 5px 9px;
}
.insolution-box li .ico4 {
  background-position: -78px 9px;
}
.insolution-box li .ico5 {
  background-position: -172px 9px;
}
.insolution-box li .ico6 {
  background-position: -208px 0px;
}
.insolution-box li .ico7 {
  background-position: -264px 9px;
}
.insolution-box li .ico8 {
  background-position: -355px 8px;
}


.insolution-box li .title{font-size: 18px; font-weight: bold; color: #514a7c; margin-top: 14px; text-align: center;}
.insolution-box li .title::after{display: block; content: ""; width: 40px; height: 2px; background: #ff6945; margin: 12px auto 0;}
.insolution-box li .desc{font-size: 14px; text-align: center; margin-top: 18px;display: none;}
.insolution-box li .more{display: block; width: 100px; height: 28px; line-height: 28px; font-size: 12px; color: #666; text-align: center; margin: 14px auto 0; border: 1px solid #999; border-radius: 15px;}
.insolution-box li .more:hover{background-image: linear-gradient(to right,#f20058,#ff6a00); color: #fff!important; border-color: #f20058;}
.insolution-box li:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);}
@media only screen and (max-width: 350px){
  .insolution .intitle h2{font-size: 18px;}
}
/*首页---案例*/
.incase{padding: 10px 12px 30px 12px; background: url(../images/incase-bg.jpg) no-repeat center; background-size: cover;}
.incase .intitle{position: static; color: #fff;}
.incase-tabbox{margin-top: 14px;}
.incase .incase-tabtit ul{display: flex;justify-content: center; align-items: center;flex-wrap: wrap;}
.incase .incase-tabtit li{width: 25%; height: 32px; line-height: 32px; font-size: 10px;text-align: center;  cursor: pointer;margin-bottom: 8px;}
.incase .incase-tabtit li .item{margin:0 4px;background: #fff;}
.incase .incase-tabtit li i{font-size: 14px; color: #666; margin-right: 2px; margin-top: -2px;display: inline-block;position: relative;top: 7px;}

/* .incase-tabtit li i{
  display: block;
  background: url(../images/ali-icon.png) no-repeat;
  width: 30px;
  height: 30px;
  background: url(../images/icon.png) no-repeat;
  margin-right: 4px;
} */

.incase .incase-tabtit li.active .item{background: #f20058; color: #fff;}
.incase .incase-tabtit li.active i{color: #fff;}
.incase-tabcont{margin-top: 14px; position: relative;}
.incase-tabitem{--swiper-pagination-color: #f20058;}
.incase-tabitem .swiper-wrapper{padding-bottom: 40px;}
/* .incase-tabitem .swiper-slide{padding-bottom: 10px; background: #fff;border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ;} */
.incase-tabitem .swiper-slide .item{
  border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; margin-bottom: 16px;
  padding-bottom: 10px; background: #fff;
}
.incase-tabitem .swiper-slide .pic{overflow: hidden; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0;}
.incase-tabitem .swiper-slide .pic img{width: 100%; transition: transform 1s;}
.incase-tabitem .swiper-slide .pic:hover img{transform: scale(1.1);}
.incase-tabitem .swiper-slide .text{padding: 14px 10px;}
.incase-tabitem .swiper-slide .title{height: 26px; line-height: 26px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.incase-tabitem .intro {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-size: 14px;
  margin-top: 6px;
}
.incase-tabitem .intro span {
  float: left;
}
.incase-tabitem .intro em {
  float: right;
}
.incase-tabitem .intro span, .incase-tabitem .intro em {
  font-weight: bold;
  color: #F20058;
  font-size: 14px;
}
.incase-tabitem .swiper-slide .info{font-size: 12px; margin-top: 4px; display: flex; justify-content: space-between; align-items: center; margin-top: 6px;}
.incase-tabitem .swiper-slide .info span{display: flex; align-items: center;}
.incase-tabitem .swiper-slide .info span i{width: 16px; height: 16px; margin-right: 4px; background: url(../images/xj-icon.png) no-repeat; background-size: 100% 100%;}
.incase-tabitem .swiper-slide .info span i:last-child{margin-right: 0;}
.incase-tabitem .swiper-slide .info em{white-space: nowrap;}
.incase-tabitem .swiper-slide .desc{font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px;}
.incase-tabitem .swiper-slide .more{display: block; width: 110px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-align: center; margin-top: 18px; position: relative; background-image: linear-gradient(#fb9c71,#fe6d80); border-radius: 14px; padding-left: 20px;}
.incase-tabitem .swiper-slide .more:before{display: block; content: ""; width: 38px; height: 38px; background: url(../images/zx-icon.png) no-repeat; background-size: 100% 100%; position: absolute; left: -6px; top: -6px;}
.incase-tabitem .swiper-slide .more:hover{color: #fff!important; transform: translateX(6px); background-image: linear-gradient(to right,#fd2c4b,#f97334);}
.incase-tabitem .swiper-pagination-bullet{width: 6px; height: 6px;; margin: 0 10px!important; position: relative;}
.incase-tabitem .swiper-pagination-bullet:after{display: block; content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #fff; position: absolute; left: -4px; top: -4px;}
.incase-tabitem .swiper-pagination-bullet-active:after{width: 20px; height: 20px; border-color: var(--swiper-pagination-color,var(--swiper-theme-color)); left: -7px; top: -7px;}
@media only screen and (max-width: 330px){
  .incase-tabitem .swiper-slide .info{font-size: 11px;}
  .incase-tabitem .swiper-slide .info span i{width: 14px; height: 14px;}
}
/*首页---选择我们*/
.inwhyus{padding: 0 12px 30px 12px; background: url(../images/inwhyus-bg.jpg) no-repeat; background-size: cover;}
.inwhyus .intitle h2:after{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -16px; bottom: -10px;}
.inwhyus-box{margin-top: 16px;}
.inwhyus-box li{display: flex; margin-bottom: 14px;}
.inwhyus-box li:last-child{margin-bottom: 0;}
.inwhyus-box li .icon{flex-shrink: 0; width: 70px;}
.inwhyus-box li .icon img{width: 70px;}
.inwhyus-box li .text{margin-left: 10px;}
.inwhyus-box li .text .name{display: flex; align-items: center; font-size: 15px; font-weight: bold; color: #ff6a00;}
.inwhyus-box li .text .name:before{display: block; content: attr(data-num); width: 22px; height: 22px; line-height: 20px; text-align: center; border: 1px solid #ff6a00; border-radius: 50%; margin-right: 4px;}
.inwhyus-box li .text .title{font-size: 12px; color: #666; line-height: 1.6; margin-top: 6px;}
/*首页---转换客户案例*/
.incust{padding: 0 12px 35px 12px; background: url(../images/incust-bg.jpg) no-repeat center; background-size: cover;}
.incust .intitle{position: static; color: #fff;}
.incust .intitle h2{font-size: 19px;}
.incust-tabbox{margin-top: 16px;}
.incust-tabtit ul{display: flex;}
.incust-tabtit li{width: calc(20% + 2px); margin-right: 2px; height: 32px; line-height: 32px; font-size: 11px; text-align: center; overflow: hidden;}
.incust-tabtit li a{display: block; width: 100%; height: 100%; background: #fff;}
.incust-tabtit li:first-child{border-radius: 12px 0 0 12px;}
.incust-tabtit li:last-child{border-radius: 0 12px 12px 0;}
.incust-tabtit li:nth-child(5n){margin-right: 0;}
.incust-tabtit li.active a,.incust-tabtit li a:hover{background: #f20058; color: #fff!important;}
.incust-tabcont{margin-top: 16px;}
.incust-tabitem li a{display: block; overflow: hidden; border-radius: 6px; margin-bottom: 12px;}
.incust-tabitem li:last-child a{margin-bottom: 0;}
.incust-tabitem li img{display: block; width: 100%; transition: transform .8s;}
.incust-tabitem li a:hover img{transform: scale(1.1);}
@media only screen and (max-width: 372px){
  .incust .intitle h2{font-size: 18px;}
}
@media only screen and (max-width: 350px){
  .incust .intitle h2{font-size: 16px;}
}
/*首页---服务流程*/
.inprocess{padding: 0 12px 30px 12px; background: #f3f8ff;}
.inprocess-box{margin-top: 14px;}
.inprocess-box .pic img{width: 100%;}
.inprocess-box ul{display: flex; flex-flow: wrap;}
.inprocess-box li{width: calc(50% - 1px); margin-right: 2px; margin-top: 2px; padding: 20px 6px; border-top: 2px solid #ff6a00; background: #fff;}
.inprocess-box li:nth-child(2n){margin-right: 0;}
.inprocess-box li:nth-child(1),.inprocess-box li:nth-child(2){margin-top: 0;}
.inprocess-box li .icon{width: 50px; height: 50px; margin: 0 auto; background-repeat: no-repeat; background-image: url(../images/process-icon.png); background-size: 250px 100px; transition: transform .8s;}
.inprocess-box li .ico1{background-position: 0 0;}
.inprocess-box li .ico2{background-position: -50px 0;}
.inprocess-box li .ico3{background-position: -100px 0;}
.inprocess-box li .ico4{background-position: -150px 0;}
.inprocess-box li .ico5{background-position: -200px 0;}
.inprocess-box li .ico6{background-position: 0 -50px;}
.inprocess-box li .ico7{background-position: -50px -50px;}
.inprocess-box li .ico8{background-position: -100px -50px;}
.inprocess-box li .ico9{background-position: -150px -50px;}
.inprocess-box li .ico10{background-position: -200px -50px;}
.inprocess-box li .title{font-size: 13px; text-align: center; margin-top: 2px;}
.inprocess-box li:hover .icon{transform: rotateY(180deg);}
@media only screen and (max-width: 390px){
  .inprocess .intitle h2{font-size: 20px;}
}
@media only screen and (max-width: 342px){
  .inprocess .intitle h2{font-size: 18px;}
}
/*首页---技术团队*/
.inteam{padding: 40px 12px 20px 12px; background: url(../images/inteam-bg.jpg) no-repeat center; background-size: cover;}
.inteam .title{font-size: 26px; line-height: 1.3; text-align: center; color: #fff;}
.inteam .title b{display: block; font-weight: bold;}
.inteam ul{margin-top: 22px;}
.inteam li{text-align: center; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.4);}
.inteam li .num{font-size: 16px; font-weight: bold; color: #fff; line-height: 1;}
.inteam li .num span{font-family: "Arial"; font-size: 46px; font-weight: bold;}
.inteam li .name{font-family: "Microsoft Yahei Light"; font-size: 20px; font-weight: bold; color: #fff; margin-top: 2px;}
.inteam li .desc{font-size: 14px; color: #fff;}
/*首页---关于我们*/
.inabout{background: #fff;}
.inabout .pic img{width: 100%;}
.inabout .text{padding: 14px 18px 20px 18px;}
.inabout .text .title{font-size: 20px; color: #514a7c; line-height: 1.4;}
.inabout .text .name{font-size: 16px; color: #514a7c; line-height: 1.4; margin-top: 2px; margin-left: -8px;}
.inabout .text .name:after{display: block; content: ""; width: 30px; height: 2px; background: #DE0618; margin-top: 12px; margin-left: 8px;}
.inabout .text .desc{font-size: 14px; line-height: 1.8; text-align: justify; margin-top: 16px;}
.inabout .text .more{display: block; width: 130px; height: 40px; line-height: 40px; border: 1px solid #9A9A9A; color: #666; font-family: "Microsoft Yahei Light"; font-size: 13px;  text-align: center; margin-top: 20px; border-radius: 30px;}
.inabout .text .more:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;}
/*首页---新闻资讯*/
.innews{padding: 28px 12px; background: #fff;}
.innews-tabtit{border-left: 2px solid #ff6a00; padding-left: 10px; display: flex; justify-content: space-between; align-self: center;}
.innews-tabtit ul{display: flex; flex-flow: wrap;}
.innews-tabtit li{font-family: "Microsoft Yahei Light"; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #524A7C; margin-right: 10px;}
.innews-tabtit li.active{color: #FF6A00;}
.innews-tabtit .more{font-size: 12ppx; color: #666;}
.innews-tabtit .more a{color: #666;}
.innews-tabcont{margin-top: 15px;}
.innews-tabitem .dt a{display: block; padding: 12px 10px 16px 16px; background: #fff; border: 1px solid #ccc;}
.innews-tabitem .dt .time{line-height: 24px; font-size: 14px; font-weight: bold; color: #9A9A9A; transition: color .5s;}
.innews-tabitem .dt .time:after{display: block; content: ""; width: 16px; height: 1px; background: #FF6A00; margin-left: 4px; margin-top: 8px; transition: background .5s;}
.innews-tabitem .dt h3{font-size: 16px; max-height: 52px; line-height: 26px; overflow: hidden; margin-top: 6px;} 
.innews-tabitem .dt .desc{font-size: 12px; height: 60px; line-height: 20px; color: #666; overflow: hidden; transition: color .5s; margin-top: 8px;}
.innews-tabitem .dt a:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;}
.innews-tabitem .dt a:hover .time:after{background: #fff;}
.innews-tabitem .dt a:hover .time,.innews-tabitem .dt a:hover .desc{color: #fff!important;}
.innews-tabitem li a{display: block; height: 42px; line-height: 42px; border-bottom: 1px solid #ccc; padding: 0 2px; position: relative;}
.innews-tabitem li .time{font-size: 12px; color: #999; position: absolute; right: 0; top: 0;}
.innews-tabitem li h3{height: 41px; line-height: 41px; font-size: 14px; margin-right: 86px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*内页*/
.main-container{padding: 20px 14px 40px 14px; background: #fff;}
.main-container.bg1{background: #f2f3f7;}
.ny-banner{/* height: 120px; */ display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff;}
.ny-banner .text .title{font-size: 22px; line-height: 1.3;}
.ny-banner .text .entitle{font-size: 12px; text-transform: uppercase; margin-top: 4px;}
/*列表分页*/
.pageList{text-align: center; margin-top: 20px;}
.pageList ul{display: flex; justify-content: center;}
.pageList li{margin: 2px;}
.pageList li a,.pageList li span{display: block; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #666;}
.pageList li.active span,.pageList li a:hover{background: #ff6a00; color: #fff!important; border-color: #ff6a00;}
/*新闻列表*/
.news-search{padding-right: 60px; height: 44px; background: #f7f7f7; border-radius: 4px; overflow: hidden; position: relative;}
.news-search .input{display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 10px;}
.news-search .btns{display: block; width: 64px; height: 44px; background: #ff6a00; cursor: pointer; position: absolute; right: 0; top: 0;}
.news-search .btns i{width: 64px; height: 44px; font-size: 20px; color: #fff;}
.news-menu{margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee;}
.news-menu ul{display: flex; flex-flow: wrap;}
.news-menu li{width: 25%; padding-right: 1px; position: relative; margin-top: 8px;}
.news-menu li:before{display: block; content: ""; width: 1px; height: 10px; background-color: #ddd; position: absolute; right: 1px; top: 50%; margin-top: -5px;}
.news-menu li a{display: block; width: 100%; height: 34px; line-height: 34px; font-size: 12px; color: #666; text-align: center; padding: 0 4px; border-radius: 6px; position: relative;}
.news-menu li.active a,.news-menu li a:hover{background: #ff6a00; color: #fff!important;}
.list-news li{padding: 20px 0; border-bottom: 1px solid #eee; overflow: hidden;}
.list-news li .t{display: flex; color: #000;}
.list-news li .time{flex-shrink: 0; width: 64px; font-family: "Microsoft Yahei Light"; text-align: center;}
.list-news li .time span{display: block; font-size: 36px; line-height: 1.1;}
.list-news li .time em{display: block; font-size: 13px; margin-top: 4px;}
.list-news li .text{margin-left: 14px; overflow: hidden;}
.list-news li .title{font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-news li .desc{font-size: 12px; color: #666; max-height: 36px; line-height: 18px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 6px;}
.list-news li .tags{margin: 8px -2px 0 76px; display: flex; flex-flow: wrap; position: relative; overflow: hidden;}
.list-news li .tags a{display: block; margin: 2px; height: 24px; line-height: 22px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px; color: #999;}
.list-news li .tags a:hover{background-color: #ff6a00; border-color: #ff6a00; color: #fff!important;}
/*新闻底部定制方案*/
.nylonform{background: #ff6a00; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 36px 10px;}
.nylonform .title{font-size: 20px; line-height: 1;}
.nylonform .desc{font-size: 14px; margin-top: 5px;}
.nylonform .btns{display: block; width: 168px; height: 36px; line-height: 36px; background: #fff; border-radius: 6px; margin: 14px auto 0; font-size: 12px; font-weight: bold; color: #000; text-align: center;}
/*新闻详情*/
.article-title{font-size: 18px; color: #000; line-height: 30px; text-align: center;}
.article-info{display: flex; justify-content: center; align-items: center; margin-top: 4px; font-size: 12px; color: #c7c7c7;}
.article-info span{display: flex; justify-content: center; align-items: center; margin: 0 10px;}
.article-info span i{margin-right: 4px;}
.article-tags{display: flex; flex-flow: wrap; margin: 10px -2px -2px -2px;}
.article-tags a{display: block; margin: 2px; height: 24px; line-height: 22px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px; color: #999;}
.article-tags a:hover{background-color: #ff6a00; border-color: #ff6a00; color: #fff!important;}
.article-body{font-size: 14px; line-height: 2; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 20px;}
.article-body img{width: auto !important; height: auto !important;}
.artcile-menu li{margin-bottom: 8px;}
.artcile-menu li:last-child{margin-bottom: 0;}
.artcile-menu li a{display: block; height: 40px; line-height: 40px; background: #f7f7f7; padding: 0 12px; overflow: hidden;}
/*案例列表*/
/* .case-banner{height: 200px;} */
.case-menu ul{display: flex; flex-flow: wrap;}
.case-menu li{width: calc(25% - 1.5px); margin-right: 2px; position: relative; margin-top: 8px;}
.case-menu li:nth-child(4n){margin-right: 0;}
.case-menu li a{display: block; width: 100%; height: 34px; line-height: 34px; background: #fff; font-size: 12px; text-align: center; padding: 0 4px; position: relative;}
.case-menu li.active a,.case-menu li a:hover{background: #ff6a00; color: #fff!important;}
.list-case{margin-top: 16px;}
.list-case li{margin-bottom: 14px; background: #fff; padding-bottom: 10px;}
.list-case li:last-child{margin-bottom: 0;}
.list-case li .pic{overflow: hidden;}
.list-case li .pic img{width: 100%; transition: transform 1s;}
.list-case li .pic:hover img{transform: scale(1.1);}
.list-case li .text{padding: 14px 10px;}
.list-case li .title{height: 26px; line-height: 26px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-case li .info{font-size: 12px; margin-top: 4px; display: flex; justify-content: space-between; align-items: center; margin-top: 6px;}
.list-case li .info span{display: flex; align-items: center;}
.list-case li .info span i{width: 16px; height: 16px; margin-right: 4px; background: url(../images/xj-icon.png) no-repeat; background-size: 100% 100%;}
.list-case li .info span i:last-child{margin-right: 0;}
.list-case li .info em{white-space: nowrap;}
.list-case li .desc{font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px;}
.list-case li .more{display: block; width: 110px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-align: center; margin-top: 18px; position: relative; background-image: linear-gradient(#fb9c71,#fe6d80); border-radius: 14px; padding-left: 20px;}
.list-case li .more:before{display: block; content: ""; width: 38px; height: 38px; background: url(../images/zx-icon.png) no-repeat; background-size: 100% 100%; position: absolute; left: -6px; top: -6px;}
.list-case li .more:hover{color: #fff!important; transform: translateX(6px); background-image: linear-gradient(to right,#fd2c4b,#f97334);}
@media only screen and (max-width: 330px){
  .list-case li .info{font-size: 11px;}
  .list-case li .info span i{width: 14px; height: 14px;}
}
/*案例详情*/
.casepull{background: #fff; padding: 14px;}
.casedetails-note .pic{border-radius: 4px; overflow: hidden;}
.casedetails-note .pic img{width: 100%;}
.casedetails-note .text{padding: 14px 4px;}
.casedetails-note .text .title{font-size: 18px; line-height: 1.2;}
.casedetails-note .text ul{margin-top: 8px;}
.casedetails-note .text li{font-size: 12px; line-height: 1.7; padding: 2px 0;}
.casedetails-note .text li span{color: #666;}
.casedetails-note .text li.into{display: flex; align-items: center;}
.casedetails-note .text li.into i{display: block; width: 16px; height: 16px; margin-right: 4px; background: url(../images/xj-icon.png) no-repeat; background-size: 100% 100%;}
.casedetails-note .text li.into i:last-child{margin-right: 0;}
.casedetails-note .text li a{color: #ff6a00; text-decoration: underline;}
.casedetails-tabtit ul{display: flex; border-bottom: 1px solid #eee;}
.casedetails-tabtit li{padding: 0 6px; height: 32px; line-height: 32px; margin-right: 2px; background: #f7f7f7; font-size: 9px; overflow: hidden; color: #666; text-align: center; cursor: pointer;}
.casedetails-tabtit li:last-child{margin-right: 0;}
.casedetails-tabtit li.active{background: #ff6a00; color: #fff;}
.casedetails-tabcont{margin-top: 10px;}
.casedetails-tabcont .article-body{margin-top: 0; padding-bottom: 0;}
.casedetails-tabcont video{width: 100%;}
.casedetails .artcile-menu{margin-top: 14px;}
.casedetails .artcile-menu li a{background: #fff;}
.casedox{padding: 14px; background: #fff; margin-top: 16px;}
.casepull-title{display: flex; align-items: center; justify-content: space-between; height: 40px; line-height: 40px; font-size: 17px; color: #514a7c; border-bottom: 1px solid #eee;}
.casepull-title a{font-size: 14px; color: #514a7c;}
.blistpull-box{margin-top: 14px;}
.blistpull-box .swiper-slide{border-radius: 6px; overflow: hidden;}
.blistpull-box .swiper-slide img{width: 100%;}
.clistpull{margin-top: 14px;}
.clistpull ul{margin-top: 14px;}
.clistpull li{margin-bottom: 14px;}
.clistpull li:last-child{margin-bottom: 0;}
.clistpull li a{display: block;}
.clistpull li .pic{border-radius: 4px; position: relative; overflow: hidden;}
.clistpull li .pic img{width: 100%; transition: transform .8s;}
.clistpull li .title{font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; background: #eaf3ff; overflow: hidden; padding: 0 8px;}
.clistpull li a:hover img{transform: scale(1.1);}
.plistpull{margin-top: 14px;}
.plistpull ul{margin-top: 6px;}
.plistpull li a{display: block; height: 32px; line-height: 32px; font-size: 14px; color: #666; overflow: hidden; padding-left: 10px; position: relative;}
.plistpull li a:before{display: block; content: ""; width: 4px; height: 4px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 14px; transition: background .5s;}
.plistpull li a:hover:before{background: #ff6a00;}
@media only screen and (max-width: 330px){
  .casedetails-note .text li.into{font-size: 11px;}
  .casedetails-note .text li.into i{width: 14px; height: 14px;}
}
/*解决方案*/
.solution-banner{height: 200px;}
.solution-banner .text{padding: 0 12px; font-family: "Microsoft Yahei";}
.solution-banner .text .title{font-size: 26px; font-weight: bold; color: #fff;}
.solution-banner .text .title span{font-weight: normal; color: #ff6a00;}
.solution-menu{margin-top: 0; padding: 20px 12px 0 12px;}
.solution-menu li{width: calc(50% - 3px); margin-right: 4px; margin-top: 4px;}
.solution-menu li:nth-child(2n){margin-right: 0;}
.solution-menu li:nth-child(1),.solution-menu li:nth-child(2){margin-top: 0;}
.solution-menu li a{background: #f7f7f7;}
.solutionB1{padding: 0 12px 50px 12px; background: #fff;}
.solutionB1 .intitle h2{font-size: 22px;}
.solutionB1 .intitle h2 span{color: #f37b97; font-family: "Impact"; line-height: 1; font-size: 24px; vertical-align: middle; margin-left: 4px; background-image: linear-gradient(to right,#f37b97,#feadce); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.solutionB1 .intitle h2:after{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -16px; bottom: -10px;}
.solutionB1-box{margin-top: 10px;}
.solutionB1-box li{padding: 30px 10px 40px 10px; position: relative; border-radius: 8px; background: #fff; box-shadow: 0 0 10px rgba(7,0,2,.1); transition: transform .6s; text-align: center; margin-bottom: 40px;}
.solutionB1-box li:last-child{margin-bottom: 0;}
.solutionB1-box li .icon img{height: 62px;}
.solutionB1-box li .title{font-size: 18px; font-weight: bold; color: #514a7c; margin-top: 16px;}
.solutionB1-box li .num{width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-family: "Arial"; font-size: 17px; color: #ff6a00; text-align: center; box-shadow: 0 0 10px rgba(7,0,2,.1); position: absolute; left: 50%; bottom: -20px; margin-left: -20px;}
@media only screen and (max-width: 380px){
  .solutionB1 .intitle h2{font-size: 20px;}
}
@media only screen and (max-width: 340px){
  .solutionB1 .intitle h2{font-size: 18px;}
}
.solutionB2{background: #f3f8ff; padding: 0 12px 30px 12px;}
.solutionB2 .inentitle{color: #e9f1fc;}
.solutionB2 .intitle h2:after{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; background-image: linear-gradient(to right,#77c2fb,#83eefe); position: absolute; right: -16px; bottom: -10px;}
.solutionB2-box{background: #fff; border-radius: 5px; text-align: center; padding: 10px 15px; margin-top: 4px;}
.solutionB3{padding: 0 12px 30px 12px; background: #fff;}
.solutionB3 .intitle h2:after{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -16px; bottom: -10px;}
.solutionB3-box{margin-top: 4px;}
.solutionB3-box li{padding: 30px 10px 18px 10px; text-align: center; transition: box-shadow .6s;}
.solutionB3-box li .icon img{height: 80px;}
.solutionB3-box li .title{font-size: 18px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;}
.solutionB3-box li .title:after{display: block; content: ""; width: 40px; height: 2px; background: #ff6a00; margin: 14px auto 0;}
.solutionB3-box li .desc{font-size: 14px; line-height: 22px; text-align: center; margin-top: 10px;}
.solutionB3-box li:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);}
/*装修设计*/
.cust-menu li{width: calc(33.33% - 3px); margin-right: 4px!important; margin-top: 4px;}
.cust-menu li:nth-child(3n){margin-right: 0!important;}
.cust-menu li:nth-child(1),.cust-menu li:nth-child(2),.cust-menu li:nth-child(3){margin-top: 0;}
.cust-menu li a{background: #f7f7f7;}
.list-cust{margin-top: 20px; padding-bottom: 30px;}
.list-cust ul{margin: -5px; position: relative; overflow: hidden;}
.list-cust li .item{display: block; margin: 5px; overflow: hidden; border-radius: 6px; position: relative;}
.list-cust li img{display: block; width: 100%; transition: transform 1s;}
.list-cust li .mask{width: 100%; height: 100%; background: rgba(255,118,46,.6); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .5s,visibility .5s;}
.list-cust li .iconfont{width: 30px; height: 30px; font-size: 24px; color: #fff;}
.list-cust li .item:hover img{transform: scale(1.1);}
.list-cust li .item:hover .mask{opacity: 1; visibility: visible;}
.layui-layer-cust{max-width: 770px!important; max-height: 90vh!important; width: 90%!important; box-shadow: none!important;}
.layui-layer-cust .layui-layer-setwin{right: 0; top: -30px;}
.layui-layer-cust .layui-layer-setwin a{width: 20px; height: 20px; margin-left: 0; background: none; display: flex; align-items: center; justify-content: center; font: 17px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; position: static;}
.layui-layer-cust .layui-layer-setwin a:before{content: "\e664";}
.layui-layer-image .layui-layer-content{overflow: hidden!important;}
.layui-layer-image .layui-layer-content img{width: 100%;}
.layui-layer-video{height: 90vh!important; background: none!important; box-shadow: none!important;}
.layui-layer-video .layui-layer-content{height: 100%!important; padding-top: 30px; overflow: hidden!important; display: flex; align-items: center; justify-content: center; overflow: hidden!important;}
.layui-layer-video .video{position: relative;}
.layui-layer-video video{width: 100%; height: 100%;}
.layui-layer-video video:focus{outline: 0;}
.cust-ajax{text-align: center;}
.cust-ajax > span{display: inline-block; background: #445268; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11,.49,.38,.78);}
.cust-ajax > span:nth-child(4){animation-delay: 0.25s!important;}
.cust-ajax > span:nth-child(1),.cust-ajax > span:nth-child(5){animation-delay: 0.5s!important;}
@keyframes line-scale-pulse-out-rapid{0%{-webkit-transform: scaley(1); transform: scaley(1);}80%{-webkit-transform: scaley(0.3); transform: scaley(0.3);}90%{-webkit-transform: scaley(1); transform: scaley(1);}}
.cust-ajax > em{display: inline-block; vertical-align: top; margin-left: 14px; height: 46px; line-height: 46px;}









/*关于我们---米可文化*/
.abtteam{background: #fff;}
.abtteam .bigpic{position: relative;}
.abtteam .bigpic img{width: 100%;}
.abtteam .bigpic .mask{display: block; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam .bigpic:hover .mask{opacity: 1; visibility: visible;}
.abtteam .text{padding: 14px 24px 0 24px;}
.abtteam .text .name{font-family: "Microsoft Yahei Light"; font-size: 16px; line-height: 1.6;}
.abtteam .text .title{font-family: "Microsoft Yahei Light"; font-size: 20px; line-height: 1.4;}
.abtteam .text .title:after{display: block; content: ""; width: 20px; height: 1px; background: #e83f39; margin-top: 12px;}
.abtteam .text .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; line-height: 1.9; margin-top: 14px; text-align: justify;}
.abtteam ol,.abtteam ul{display: flex; flex-flow: wrap; padding: 0 4px;}
.abtteam li{position: relative; margin-bottom: 4px;}
.abtteam li img{width: 100%;}
.abtteam li .mask{display: block; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam li:hover .mask{opacity: 1; visibility: visible;}
.abtteam ol{align-items: flex-end;}
.abtteam ol li:nth-child(1){width: calc(44% - 4px); margin-right: 4px;}
.abtteam ol li:nth-child(2){width: 56%;}
.abtteam ul li{width: calc(50% - 2px); margin-right: 4px;}
.abtteam ul li:nth-child(2n){margin-right: 0;}


/*关于我们---发展历程*/
.history{padding: 26px 18px; background: #fff;}
.history-title{font-size: 13px; text-align: center;}
.history-box{position: relative; margin-top: 16px; padding-bottom: 10px;}
.history-box:after{display: block; content: ""; width: 13px; height: 33px; background: url(../images/abthis-next.png) no-repeat; background-size: 100% 100%; position: absolute; left: 88px; bottom: 0; animation: bounce-down 1.1s linear infinite;}
@keyframes bounce-down{25%{transform: translateY(6px);}50%,100%{transform: translateY(0);}75%{transform: translateY(-6px);}}
.history-box ul{position: relative;}
.history-box ul:before{display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; left: 94px; top: 0;}
.history-box ul:after{display: block; content: ""; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 88px; top: 0;}
.history-box li{display: flex; margin-bottom: 14px;}
.history-box li .pic{flex-shrink: 0; width: 80px; height: 80px; float: left; border-radius: 50%; overflow: hidden;}
.history-box li .pic img{width: 80px; height: 80px;}
.history-box li .text{padding: 8px 0 8px 30px; position: relative;}
.history-box li .text:before{display: none; content: ""; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 8px; top: -2px;}
.history-box li .text:after{display: block; content: ""; width: 6px; height: 6px; background: #ddd; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 12px; top: 0px; transition: background .5s;}
.history-box li .text .time{font-family: "Arial"; font-size: 20px; font-weight: bold; position: relative; line-height: 30px; transition: color .5s;}
.history-box li .text .desc{font-size: 12px; line-height: 1.6;}
.history-box li:hover .text .time{color: #dd0518;}
.history-box li:hover .text:after{background: #dd0518;}
.pull-recomend-aseo li{
	margin-top: 20px;
}
.pull-recomend-aseo li .pic {
    overflow: hidden;
}
.pull-recomend-aseo li .title {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pull-recomend-aseo li .intro {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    margin-top: 8px;
}
.pull-recomend-aseo li .line {
    width: 55px;
    height: 2px;
    background: #c4273a;
    margin-top: 16px;
}


/*slick.css*/
.sqiao_fixed{height: auto !important;}
.sqiao_fixed ul{margin-bottom: 8px;}
.slick-slider{position: relative; z-index: 2;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;}
.slick-slide:focus{outline: 0;}
.slick-slide.slick-active{z-index: 2;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 6;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 30px; z-index: 4;}
.slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; cursor: pointer;}
.slick-dots li.slick-active button{background: #ff6a00;}
/* 新增样式 */
.col-lg-7 {
  width:20%;
  *width:18%;
  float: left;
  min-height: 1px;
}


.ali-worry {
padding-bottom: 74px;
overflow: hidden;
}
.ali-worry .intitle h2:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: linear-gradient(to right,#f37b97,#feadce);
  position: absolute;
  right: -16px;
  bottom: -10px;
}
.ali-worry-list{
margin: -12px 0px;
padding-top: 14px;
}
.ali-worry-list .item{
height:126px;
color: #fff;
background:linear-gradient(90deg,rgba(37,60,114,1),rgba(187,76,113,1));
border-radius:10px;
margin: 14px 12px;
box-sizing: border-box;

}
.ali-worry-list .item .tit{
  font-weight: bold;
  font-size: 20px;
  padding-top: 18px;
  background: url(../images/dayi.png) no-repeat 18px 18px;
  padding-left: 58px;
  padding-bottom: 10px;
}
.ali-worry-list .item .text{
  font-weight: 300;
  font-family: MicrosoftYaHeiLight;
  font-size: 15px;
  line-height: 24px;
  opacity: .8;
  padding-left: 58px;
  padding-right: 16px;
}
.ali-renke{
background-color: #F3F8FF;
padding-bottom: 72px;
padding-top: 6px;
overflow: hidden;
}
.ali-renke .inentitle {
  color: #e9f1fc;
}
.ali-renke .intitle h2:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
border-radius: 50%;
background:linear-gradient(90deg,rgba(119,194,251,1),rgba(131,238,254,1));
  position: absolute;
  right: -16px;
  bottom: -10px;
}
.renke-list{
  padding: 30px 12px 0;
margin: 0 -8px;
}
.renke-list .item{
background-color: #fff;
border-radius:16px;
padding: 10px;
margin: 0 8px;
}
.renke-list img{
width: 100%;
}
.incase-tabslick .slick-slide .intro span, .incase-tabslick .slick-slide .intro em{
font-weight: bold;
color: #F20058;
font-size: 16px;
}
.incase-tabslick .slick-dots li.slick-active button{
width: 12px;
height: 12px;
background-color: #F20058;
}

.inabout-show-ibox{
overflow: hidden;
padding: 0px 12px 25px;
}
.inabout-show-ibox .incase-tabtit li{
background-color: #E7F2F9;
}
.inabout-show-ibox .incase-tabtit li span{
color: #222222;
font-weight:300;
}
.inabout-show-ibox ul{text-align: center;}
.inabout-show-ibox .incase-tabtit li{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  font-size: 11px;
  padding: 0 20px;
  transform: all .5s;
  -webkit-transform: all .5s;
  -moz-transform: all .5s;
  -ms-transform: all .5s;
  -o-transform: all .5s;
}
.inabout-show-ibox li:first-child {
  border-radius: 18px 0 0 18px;
}
.inabout-show-ibox li:last-child {
  border-radius: 0 18px 18px 0;
}
.inabout-show-ibox .incase-tabtit li span{
transform: color .5s;
-webkit-transform: color .5s;
-moz-transform: color .5s;
-ms-transform: color .5s;
-o-transform: color .5s;
}
.inabout-show-ibox .incase-tabtit li.active, .inabout-show-ibox .incase-tabtit li:hover {
  background: #E5438C;
  color: #fff!important;
}
.inabout-show-ibox li.active span, .inabout-show-ibox li:hover span{
color: #fff;
}
.inabout-show-ibox .incase-tabslick2 .text2{
text-align: center;
font-size: 14px;
color: #666666;
font-weight: 300;
padding-top: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color .9s;
-webkit-transition: color .9s;
-moz-transition: color .9s;
-ms-transition: color .9s;
-o-transition: color .9s;
}
.inabout-show-ibox .incase-tabslick2 .item:hover .text2{
color: #E5438C;
}
.inabout-show-ibox .incase-tabslick2 .slick-slide .pic{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
}
.inabout-show-ibox  img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
transition: transform .8s;
-webkit-transition: transform .8s;
-moz-transition: transform .8s;
-ms-transition: transform .8s;
-o-transition: transform .8s;
display: block;
}
.inabout-show-ibox .item:hover img {
  transform: scale(1.1);
}
.inabout-show-ibox .slick-slide .item {
  margin: 0 7px;
}
.incase-tabslick2{display: block!important; height: 0; opacity: 0; visibility: hidden;}
.incase-tabslick2.tactive{height: auto; opacity: 1; visibility: visible; padding-bottom: 46px; transition: opacity .5s;}

.incase-tabslick2 .slick-dots{
bottom: 14px;
}
.incase-tabslick2 .slick-dots li {
  margin: 0 10px;
}
.incase-tabslick .slick-dots li button {
  width: 8px;
  height: 8px;
  position: relative;
}
.incase-tabslick2 .slick-dots li button:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.incase-tabslick2 .slick-dots li.slick-active button {
  /* width: 12px;
  height: 12px; */
  background-color: #F20058;
}
.incase-tabslick2 .slick-dots li.slick-active button:after {
  width: 20px;
  height: 20px;
  border-color: #f20058;
  margin-left: -10px;
  margin-top: -10px;
}
.incase-tabslick2 .slick-dots li button{
background-color: #c9c9c9;
width: 6px;
height: 6px;
}
.incase-tabtit li i{
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background: url(../images/ali-icon.png) no-repeat;
	transform: scale(0.9);
}
.incase-tabtit li .ico1 {
  background-position: 2px -88px;
}
.incase-tabtit li .ico2 {
  background-position: -34px -92px;
}
.incase-tabtit li .ico3 {
  background-position: -68px -92px;
}
.incase-tabtit li .ico4 {
  background-position: -102px -92px;
}
.incase-tabtit li .ico5 {
  background-position: -136px -91px;
}
.incase-tabtit li .ico6 {
  background-position: -168px -92px;
}
.incase-tabtit li .ico7 {
  background-position: -199px -90px;
}
.incase-tabtit li .ico8 {
  background-position: -231px -90px;
}
.incase-tabtit li.active .ico1 {
  background-position: 2px -120px;
}
.incase-tabtit li.active .ico2 {
  background-position:-34px -122px;
}
.incase-tabtit li.active .ico3 {
  background-position: -66px -121px;
}
.incase-tabtit li.active .ico4 {
  background-position: -102px -121px;
}
.incase-tabtit li.active .ico5 {
  background-position: -136px -120px;
}
.incase-tabtit li.active .ico6 {
  background-position: -168px -122px;
}
.incase-tabtit li.active .ico7 {
  background-position: -198px -121px;
}
.incase-tabtit li.active .ico8 {
  background-position: -231px -121px;
}
.inabout-show-ibox .incase-tabcont{
margin: 30px -7px 0;
}

.incust{
background-size: cover;
}
.inabout .text .desc{
font-size: 16px;
line-height: 28px;
}
.inabout .text .desc .p1{
margin-bottom: 26px;
}
.inabout .text .line{
background-color: #DE0618;
}
.inabout .text .more{
margin-top: 26px;
}
.picture-popup{
position: fixed;
width: 100%;
height: 100%;
left: -200%;
top: 0;
z-index: 99999;
display: block;
}
.picture-popup.show{
left: 0;
}
.picture-popup .bg{
background: #000;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.3s;
}
.picture-popup.show .bg{
opacity: .8;
}
.picture-popup > img{
z-index: 1;
position: absolute;
border: 10px solid #fff;
top: 50%;
left: 50%;
border-radius: 16px;
transition: 0.3s;
opacity: 0;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
max-width: 100%;
max-height: 80%;
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
}
.picture-popup.show > img{
opacity: 1;
}
.picture-popup .off-btn{
width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-size: 28px;
  color: #ffffff;
  position: absolute;
  right: 23px;
  top: 10px;
  z-index: 3;
  cursor: pointer;
font-family: cursive;
transition: .3s;
}
.picture-popup .off-btn:hover{
opacity: .6;
}
.ali-renke  .slick-dots{
bottom: -35px;
}
.ali-renke .slick-dots li.slick-active button {
  /* width: 12px;
  height: 12px; */
  background-color: #F20058;
}
.ali-renke .slick-dots li button {
  width: 6px;
  height: 6px;
  position: relative;
  background-color: #e3e3e3;
}
.ali-renke .slick-dots li button:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
border: 1px solid #e3e3e3;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.ali-renke .slick-dots li.slick-active button:after {
  width: 20px;
  height: 20px;
  border-color: #f20058;
  margin-left: -10px;
  margin-top: -10px;
}
.ali-renke .slick-dots li {
  margin: 0 10px;
}