@font-face {font-family: 'webfont';

  src: url('//at.alicdn.com/t/j17tr39ak91f9a4i.eot'); /* IE9*/

  src: url('//at.alicdn.com/t/j17tr39ak91f9a4i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('//at.alicdn.com/t/j17tr39ak91f9a4i.woff') format('woff'), /* chrome、firefox */

  url('//at.alicdn.com/t/j17tr39ak91f9a4i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url('//at.alicdn.com/t/j17tr39ak91f9a4i.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */

}





.slider-banner{background:#000000;background-size: cover;}

.s0 .slider-banner{background:url(../../../images/mulang_img/digital/banner-01.jpg) center no-repeat;}

.s4 .slider-banner{background:url(../../../images/mulang_img/digital/banner-02.jpg) center no-repeat;}

.s5 .slider-banner{background:url(../../../images/mulang_img/digital/banner-03.jpg) center no-repeat;}



.banner { max-width: 1920px; margin: 0 auto; position: relative; z-index: 2;}

.banner-uls { position: relative; height: 760px; overflow: hidden; z-index: 100; }

.banner-uls li { width: 100%; position: absolute; height: 100%; left: 0; top: 0; z-index: 2; opacity: 1; filter: alpha(opacity=100);}

.banner-uls video{width:100%;height:auto;}





.banner-uls li.i0{z-index: 10; opacity: 1; filter: alpha(opacity=100);}

.banner-uls li .tit{position:absolute;left:0;top:38%;width:100%;text-align: center;z-index:12;font-size:50px;color:#FFFFFF;opacity:0;transition: all 1.5s;color:#FFFFFF;letter-spacing:5px;}

.active1 .banner-uls li .tit{opacity:1;}

.active2 .banner-uls li .tit{opacity:1;}

.active3 .banner-uls li .tit{opacity:1;}



.banner-uls li .tips{position:absolute;left:50%;top:55%;width:910px;text-align: center;z-index:12;font-size:18px;color:#FFFFFF;margin-left:-455px;line-height:2;opacity:0;transition: all 2s;}

.actives1 .banner-uls li .tips{opacity:1;}

.actives2 .banner-uls li .tips{opacity:1;}

.actives3 .banner-uls li .tips{opacity:1;}



.banner-uls .ui-video-background-controls{display: none;}

.banner-uls li.i0 .tips{width:870px;margin-left:-435px;}

.banner-uls li.i1 .tips{width:1000px;margin-left:-500px;}

.banner-uls li.i2 .tips{width:790px;margin-left:-395px;}



.banner-repeat{background:url(../../../images/mulang_img/digital/box-icon.png) repeat;width:100%;position: absolute;left:0;top:0;width:100%;height:100%;z-index:2;}

.mouse-icon{width:30px;height:47px;background:url(../../../images/mulang_img/digital/mouse-icon.png) no-repeat center;position: absolute;left:50%;bottom:10%;margin-left:-15px;z-index:201;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transition:bottom 2s;}

.mouse-icon:after{content:'';width:4px;height:9px;background:#FFFFFF;position: absolute;left:50%;margin-left:-2px;top:10px;border-radius:3px;transition: all 0.5s;}

.mouse-icon:hover:after{height:15px;animation-play-state:paused;-webkit-animation-play-state:paused;}

.link-group{position:absolute;left:70px;top:80px;z-index:9999;color:#FFFFFF;}

.link-group a{display: inline-block;*display: inline;padding-right:25px;margin-left:25px;background:url(../../../images/mulang_img/digital/link-group-icon.png) no-repeat right center;color:#FFFFFF;}

@keyframes arrow{ %0,%100{bottom:20px; opacity:1;} 50%{bottom:50px; opacity:.9} }

@-webkit-keyframes arrow{ %0,%100{bottom:20px; opacity:1;} 50%{bottom:50px; opacity:.9} }





.nav-button .logo{opacity: 1;transition: all 0.5s;position:fixed;left:70px;top:70px;z-index:401;}

.nav-button.active .logo{opacity:0;}



.nav-button .logo a{display: block;position: relative;width:50px;height:42px;overflow: hidden;}

.nav-button .logo a .logo-1{position: absolute;left:0;top:0;z-index:1;opacity:0;transition: all 0.5s;}

.nav-button.s2 .logo a .logo-1{position: absolute;left:0;top:0;z-index:3;opacity:1;}

.nav-button.s4 .logo a .logo-1{position: absolute;left:0;top:0;z-index:3;opacity:1;}

.nav-button .logo a .logo-2{position: absolute;left:0;top:0;z-index:2;transition: all .6s;opacity:1;}

.nav-button .btn-nav{position: fixed;right:70px;top:70px;z-index:401;}





.btn-nav{position: relative;background: transparent;border: none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 99999;display: block;}

.icon-bar {display: block;margin: 7px 0;width: 25px;height: 2px;background-color: #FFFFFF;/*box-shadow:0 1px 1px #000000;*/  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}

.s2 .icon-bar{background-color:#000000;}

.s4 .icon-bar{background-color:#000000;}

.animated .icon-bar{background-color:#FFFFFF;}

.animated .top {-webkit-transform: translateY(9px) rotateZ(9deg);-moz-transform: translateY(9px) rotateZ(45deg);-ms-transform: translateY(9px) rotateZ(9deg);-o-transform: translateY(13px) rotateZ(45deg);transform: translateY(9px) rotateZ(45deg);}

.animated .bottom {-webkit-transform: translateY(-9px) rotateZ(-45deg);-moz-transform: translateY(-9px) rotateZ(-45deg);-ms-transform: translateY(-9px) rotateZ(-45deg);-o-transform: translateY(-9px) rotateZ(-45deg);transform: translateY(-9px) rotateZ(-45deg);}

.animated .middle {width: 0;}







.nav-menu{width:100%;height:100%;background:url(../../../images/mulang_img/digital/menu-pop-bg.png) repeat;position: fixed;z-index:399;left:0;top:0;display: none;}

.nav-menu-inner{position: absolute;left:50%;top:30%;width:650px;margin-left:-320px;text-align: center;}

.nav-menu-inner .menu-box ul li{padding:18px 0;position: relative;transition: all 0.6s;text-align: center;}





.nav-menu.settime .nav-menu-inner .menu-box ul li:nth-child(1){left:0;}

.nav-menu.settime .nav-menu-inner .menu-box ul li:nth-child(2){left:0;}

.nav-menu.settime .nav-menu-inner .menu-box ul li:nth-child(3){left:0;}

.nav-menu.settime .nav-menu-inner .menu-box ul li:nth-child(4){left:0;}

.section.s6{background:url(../../../images/mulang_img/digital/tell-bg.jpg) no-repeat center;background-size: cover;}

.hotline-box .hotline-inner{width:1260px;padding:80px 0;height:208px;position: absolute;left:50%;margin-left:-630px;margin-top:-134px;top:50%;}

.hotline-box .hotline-inner ul li{float:left;}

.hotline-inner ul li.l0{width:314px;margin-right:147px;}

.hotline-inner ul li.l1{width:352px;}

.hotline-inner ul li.l2{width:298px;float:right;}

.hotline-inner ul li .tit{margin-bottom:15px;}

.hotline-inner ul li .tit span{display: block;font-size:25px;color:#88888b;}

.hotline-inner ul li .tit i{display: block;font-size:20px;color:#CFCFCF;}

.hotline-inner ul li .phone-mail{margin-bottom:59px;}

.hotline-inner ul li .phone-mail span{display: block;font-size:36px;color:#cfcfcf;line-height:54px;}

.hotline-inner ul li .phone-mail a{display: block;font-size:20px;color:#ffffff;}

.hotline-inner ul li .online-box a{display: block;height:48px;width:100%;background:#FFFFFF;text-align: center;line-height:48px;border: 1px solid #9b999b;transition:all 0.3s;}

.hotline-inner ul li .online-box a:hover{background:#BFC0C0;}

.hotline-inner ul li .online-box a span{font-size:16px;color:#000000;transition:all 0.3s;display: inline-block;*display: inline;margin-right:10px;}

.hotline-inner ul li .online-box i{font-size:16px;color:#888888;display: inline-block;*display: inline;}

.hotline-inner ul li .add-tel{margin-bottom:22px;}

.hotline-inner ul li.l1 .add-tel{margin-bottom:47px;}

.hotline-inner ul li.l2 .add-tel{margin-bottom:47px;}



.hotline-inner ul li .add-tel .add{display: block;font-size:14px;color:#ffffff;}

.hotline-inner ul li .add-tel .tel{font-size:20px;font-family:arial;display: block;line-height:1.2;color:#ffffff;}





.nav-menu-inner .menu-box ul li a{font-size:50px;color:#FFFFFF;line-height:1;text-shadow:1px 1px 1px #000;position: relative;display: inline-block;transition: all 0.6s;font-family: "microsoft yahei serif";}

.nav-menu-inner .menu-box ul li.on a ,.nav-menu-inner .menu-box ul li a:hover{color:#FFFFFF;}

.nav-menu-inner .share-copy{margin-top:110px;}

.share-copy .contact-icon-list{width:292px;margin:0 auto;}

.share-copy .contact-icon-list ul li{width:60px;height:60px;float:left;margin-left:56px;}

.share-copy .contact-icon-list ul li:first-child{margin-left:0;}

.share-copy .contact-icon-list ul li a{width:58px;height:58px;border:1px solid #808080;display: block;transition:all 0.5s;}

.share-copy .contact-icon-list ul li.i0 a{background:url(../../../images/mulang_img/digital/menu-nav-icon-01.png) no-repeat center;}

.share-copy .contact-icon-list ul li.i1 a{background:url(../../../images/mulang_img/digital/menu-nav-icon-02.png) no-repeat center;}

.share-copy .contact-icon-list ul li.i2 a{background:url(../../../images/mulang_img/digital/menu-nav-icon-03.png) no-repeat center;}

.share-copy .contact-icon-list ul li.i0 a:hover{background:url(../../../images/mulang_img/digital/menu-nav-icon-01-h.png) no-repeat center;}

.share-copy .contact-icon-list ul li.i1 a:hover{background:url(../../../images/mulang_img/digital/menu-nav-icon-02-h.png) no-repeat center;}

.share-copy .contact-icon-list ul li.i2 a:hover{background:url(../../../images/mulang_img/digitalmenu-nav-icon-03-h.png) no-repeat center;}

.share-copy .contact-icon-list p{text-align: center;color:#999999;padding:20px 0;}

.share-copy .tel-add{text-align: center;width:100%;padding:20px 0 10px;}

.share-copy .tel-add a{display: inline-block;*display: inline;padding-left:20px;color:#999999;}

.share-copy .tel-add .tel{background:url(../../../images/mulang_img/digital/menu-nav-icon-04.png) no-repeat left center;float:left;font-size:28px;}

.share-copy .tel-add .add-box{float:left;display:inline-block;width:410px;text-align: left;margin-left:10px;}

.share-copy .tel-add .add{background:url(../../../images/mulang_img/digital/menu-nav-icon-05.png) no-repeat left center;}

.share-copy .tel-add .add span{display:inline-block;*display: inline;width:25px;height:3px;background:url(../../../images/mulang_img/digital/menu-nav-icon-06.png) no-repeat center;margin-left:12px;}

.share-copy .copy-box{color:#999999;padding:30px 0;}









.service-system-tit{font-size:40px;color:#000;line-height:1;text-align: center;padding:100px 0 40px;opacity:0;}

.service-pic img{width:100%;height:auto;}

/*块处理*/

.ca-menu{

    padding:0;

    margin:0 auto 0;

    width: 1100px;

}

.ca-menu li{

	opacity:0;

    width: 182px;

    height: 284px;

    overflow: hidden;

    position: relative;

    float:left;

    background: #fff;

    -webkit-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    transition: all 600ms ease;

    border:1px solid #d5d5d5;

    margin-left:-1px;

    transform: scale(1);

}

.ca-menu li:first-child{margin-left:0;}

.ca-menu li:hover, .ca-menu li.on{background-color: #333333;/*box-shadow:10px 6px 30px #333333;*/z-index:3;border:1px solid #333333;transform: scale(1.1);}

.ca-menu li a{

	transform: scale(1);

	overflow: hidden;

    text-align: left;

    width: 100%;

    height: 100%;

    display: block;

    color: #333;

    position: relative;

}

.ca-icon{

   width:74px;

   height:84px;

   display: block;

   position: relative;

   margin:40px auto 0;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    transition: all 400ms ease;

}

.ca-icon img{position: absolute;left:0;top:0;transition: all 400 ease;}

.ca-icon .img-1{z-index:1;}

.ca-icon .img-2{z-index:1;opacity:0;}



.ca-content{

    position: absolute;

    left: 0px;

    width: 100%;

    height: 50%;

    top: 50%;

}

.ca-main{

	padding:10px 0;

    font-size: 17px;

    text-align: center;

    color:#000000;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -o-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    transition: all 200ms ease;

}

.ca-sub{

    text-align:center;

    font-size: 16px;

    color: #9a9a9a;

    line-height: 30px;

    font-weight:normal;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -o-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    transition: all 200ms ease;

}

.ca-menu li:hover .ca-icon .img-2, .ca-menu li.on .ca-icon .img-2{

	transform: scale(0.9);

    opacity:1;

}

.ca-menu li:hover .ca-icon .img-1, .ca-menu li.on .ca-icon .img-1{

	transform: scale(0.9);

    opacity:1;

}

.ca-menu li:hover .ca-main, .ca-menu li.on .ca-main{

    color: #FFFFFF;

    /*-webkit-animation: moveFromLeftRotate 300ms ease;

    -moz-animation: moveFromLeftRotate 300ms ease;

    -ms-animation: moveFromLeftRotate 300ms ease;*/

}

.ca-menu li:hover .ca-sub, .ca-menu li.on .ca-sub{

    -webkit-animation: moveFromBottom 500ms ease;

    -moz-animation: moveFromBottom 500ms ease;

    -ms-animation: moveFromBottom 500ms ease;

}

@-webkit-keyframes moveFromLeftRotate{

    from {

        -webkit-transform: translateX(-100%) rotate(-90deg);

    }

    to {

        -webkit-transform: translateX(0%) rotate(0deg);

    }

}

@-moz-keyframes moveFromLeftRotate{

    from {

        -moz-transform: translateX(-100%) rotate(-90deg);

    }

    to {

        -moz-transform: translateX(0%) rotate(0deg);

    }

}

@-ms-keyframes moveFromLeftRotate{

    from {

        -ms-transform: translateX(-100%) rotate(-90deg);

    }

    to {

        -ms-transform: translateX(0%) rotate(0deg);

    }

}



@-webkit-keyframes moveFromBottom {

    from {

        -webkit-transform: translateY(100%);

    }

    to {

        -webkit-transform: translateY(0%);

    }

}

@-moz-keyframes moveFromBottom {

    from {

        -moz-transform: translateY(100%);

    }

    to {

        -moz-transform: translateY(0%);

    }

}

@-ms-keyframes moveFromBottom {

    from {

        -ms-transform: translateY(100%);

    }

    to {

        -ms-transform: translateY(0%);

    }

}

.customer-box{perspective: 500px;transform-style: preserve-3d;opacity:0;border-top:1px solid #c2c2c2;}

.customer-list{background:#f5f5f5;}

.customer-hide{width:100%;}

.customer-hide ul li{width:33.333% !important;float:left;position: relative;padding:17px 0;height: auto !important;}

.customer-hide ul li .head-icon{float:left;width:70px;}

.customer-hide ul li .head-icon img{width:70px;height:70px;border-radius:70px 70px;}

.customer-hide ul li .tips-people{padding:0 20px;position: absolute;left:70px;top:17px;}

.customer-hide ul li .tips-people .tips{font-size:12px !important;line-height:30px;}

.customer-hide ul li .tips-people .position{font-size:13px;color:#000;text-align: right;padding-top:10px;}

.customer-hide ul li:after{height:50px;top:-50px;width:1px;background:#c2c2c2;left:35px;position: absolute;}

.customer-hide .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{top:0;bottom: auto;height:30px;}

.customer-hide .mCSB_horizontal>.mCSB_container{padding-top:50px;}

.customer-hide .mCSB_scrollTools .mCSB_draggerRail{background:transparent;}

.customer-hide .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:95px;}

.customer-hide .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:30px;background:url(../../../images/mulang_img/digital/customer-icon.png) no-repeat center;margin:0 auto;}

.customer-hide ul{padding:25px 0 25px 20px;}

.customer-hide .ul-box{}

.system-dis{background:#333333;padding-bottom:180px;}

.system-dis .system-inner{width:1000px;margin:0 auto;}

.system-inner .dis-box{width:100%;height:435px;text-align: center;position: relative;}

.system-inner .dis-box .con{left:0;top:0;width:100%;height:435px;position: absolute;opacity:0;}

.system-inner .dis-box .con.on{opacity:1;z-index:3;}

.system-inner .dis-box .t{padding:30px 0;left:-10%;position: relative;opacity:0;transition: all 1s;font-size:42px;color:#FFFFFF;}

.system-inner .dis-box .tips{font-size:16px;line-height:1.4;color:#cccccc;left:-10%;opacity:0;transition: all 1s;position: relative;}

.system-inner .dis-box .name-2{text-align: center;padding:30px 0 30px;}

.system-inner .dis-box .name-2 a{display: inline-block;margin:0 10px;font-size:14px;position: relative;top:50px; opacity:0;transition: all 1s;border:1px solid #696868;color:#696868;padding:0 10px;}

.system-inner .dis-box .name-2-tips{max-width:660px;margin:0 auto;position: relative;top:50px;transition: all 1s;opacity:0;height:42px;}

.system-inner .dis-box .name-2-tips .tips-con{opacity:0;position: absolute;left:0;top:0;width:100%;transition: all 1s;}

.system-inner .dis-box .name-2-tips .tips-con.on{opacity:1;left:0;top:0;}

.system-inner .dis-box .name-2-tips .tips-con:nth-child(1){left:-10%;}

.system-inner .dis-box .name-2-tips .tips-con:nth-child(2){top:50px;}

.system-inner .dis-box .name-2-tips .tips-con:nth-child(3){left:10%;}

.system-inner .dis-box .name-2-tips .tips-con.on:nth-child(1){left:0;}

.system-inner .dis-box .name-2-tips .tips-con.on:nth-child(2){top:0;}

.system-inner .dis-box .name-2-tips .tips-con.on:nth-child(3){left:0;}



.system-inner .dis-box .case-name{padding:60px 0;position: relative;top:50px;transition: all 1s;opacity:0;}

#fullpage-box .fp-section{overflow: hidden;}

.system-inner .dis-box .on .name-2-tips{top:0;opacity:1;}

.system-inner .dis-box .on .name-2 a{top:0; opacity:1;}

.system-inner .dis-box .on .case-name{top:0; opacity:1;}

.system-inner .dis-box .on .case-name a{display: inline-block;display: inline;margin:0 5px;}

.system-inner .dis-box .name-2 a.on ,.system-inner .dis-box .name-2 a:hover{border:1px solid #FFFFFF;color:#FFFFFF;}





.s2-slider ul li{padding-bottom:20px;}



.service-system{position: relative;overflow: hidden;}

.system-inner .dis-box .con:nth-child(even) .t{left:10%;}

.system-inner .dis-box .con:nth-child(odd) .tips{left:10%;}

.system-inner .dis-box .con.on .t{left:0;opacity:1;}

.system-inner .dis-box .con.on:nth-child(even) .t{left:0;}

.system-inner .dis-box .con.on .tips{left:0;opacity:1;}

.system-inner .dis-box .con.on:nth-child(odd) .tips{left:0;}

.pic-text{max-width:1920px;margin:0 auto;}



.pic-text .pic-text-inner{height:573px;background-image:url(../../../images/mulang_img/digital/dis-t-02.jpg);overflow: hidden;transition: all 3s;background-repeat: no-repeat;background-position: center 0;}

.active .pic-text .pic-text-inner{background-position: center -400px;}



.pic-text-inner .text{width:710px;margin:180px auto 0;font-size:26px;text-align: center;color:#FFFFFF;line-height:1.8;position: relative;padding:44px 0;background:url(../../../images/mulang_img/digital/dis-t-03.png) no-repeat left top;}

.pic-text-inner .text p{text-shadow:1px 1px 1px #000000;}



.service-pic{overflow: hidden;}

.service-pic .service-tit{font-size:40px;color:#000;line-height:1;text-align: center;padding:100px 0 40px;}

.service-pic .service-pic-list{max-width:1258px;margin:0 auto;}

.service-pic .service-pic-list ul li{width:315px;float:left;margin-bottom:30px;opacity:0;}

.service-pic-list ul li > a.img-box{display: block;position: relative;width:315px;height:222px;overflow: hidden;}

.service-pic-list ul li > a.img-box img{width:100%;height:auto;transform 0.35s;-webkit-transform: scale(1);transform: scale(1);transition: all 0.6s;}

.service-pic-list ul li > a.img-box:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.service-pic-list ul li .img-tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#000;margin:10px 0 0;display: block;width:auto;height:auto;}

.service-pic-list ul li .postion-even span{display: inline-block;*display: inline;padding-left:14px;margin-right:30px;font-size:13px;color:#666666;background:url(../../../images/mulang_img/digital/postion-icon-span.jpg) no-repeat left center;}

li.more{width:419px;height:296px;overflow: hidden;}

li.more a{display: block;width:419px;height:296px;background:url(../../../images/mulang_img/digital/more-pic.jpg) no-repeat center;line-height:296px;text-align: center;transform: scale(1);transition:all 0.6s;}

li.more a:hover{transform: scale(1.2);}

li.more a span{font-size:25px;color:#FFFFFF;display: inline-block;padding-right:36px;background:url(../../../images/mulang_img/digital/more-icon.png) no-repeat right center;transition: all 0.6s;position: relative;left:0;text-shadow: 1px 1px 1px #000000;}

li.more a:hover span{left:20px;}



#menu{position: fixed;right:20px;bottom:10%;z-index:99999;}

#menu li{width:43px;text-align: right;}

#menu li a{display:inline-block;width:10px;height:2px;background:#e8e7e7;*display: inline;transition: all 0.5s;}

#menu.b3 li a{background:#333333;}

#menu.b9 li a{background:#999999;}



#menu li.active a{width:43px;}

.s3 .fp-tableCell{vertical-align: top;}



.s2-slider .bx-wrapper{border:none;box-shadow:none;margin-bottom:0;background:#F5F5F5;}

.s2 .fp-tableCell{vertical-align: top;overflow: hidden;}

.s2 .bx-wrapper .bx-controls-direction a{width:52px;height:52px;top:34%;}

.s2 .bx-wrapper .bx-prev{background:url(../../../images/mulang_img/digital/prve-icon-01.png) no-repeat center;left:120px;}

.s2 .bx-wrapper .bx-next{background:url(../../../images/mulang_img/digital/next-icon-01.png) no-repeat center;right:120px;}

.s2-slider .pro-img-pic-box{position: relative;}

.s2-slider .pro-img-pic-box .img-box{position: relative;z-index:1;}

.s2-slider .pro-img-pic-box .img-box img{width:100%;height: auto;}

.s2-slider .pro-img-pic-box .img-pop{position: absolute;left:0;top:0;z-index:2;width:100%;height:100%;text-align: center;}

.s2-slider .pro-img-pic-box .img-pop .img-pop-table{width:100%;height:100%;}

.s2-slider .pro-img-pic-box .img-pop .img-pop-table table{width:100%;height:100%;text-align: center;}

.pro-img-pic-box .img-pop .name-big{font-size:50px;font-weight: bold;color:#FFFFFF;}

.pro-img-pic-box .img-pop .name-small{font-size:15px;color:#FFFFFF;font-style: italic;padding:10px 0;}

.pro-img-pic-box .img-pop .pop-tips{width:870px;color:#FFFFFF;margin:0 auto;padding-top:20px;}

.pro-img-pic-box .img-pop .dow-cion{background:url(../../../images/mulang_img/digital/dow-icon.png) no-repeat center;width:16px;height:10px;position: absolute;left:50%;margin-left:-8px;bottom:15%;animation:arrows 1.5s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrows 1.5s cubic-bezier(0.5,0,0.1,1) infinite;transition:bottom 1.5s;}

@keyframes arrows{ %0,%100{bottom:9%; opacity:1;} 50%{bottom:11%; opacity:.9} }

@-webkit-keyframes arrows{ %0,%100{bottom:5%; opacity:1;} 50%{bottom:25%; opacity:.9} }

.service-pic-slider{width:945px;margin:0 auto;}

.service-pic-slider .bx-wrapper{border:none;margin-bottom:0;box-shadow:none;}

.service-pic-slider .bx-wrapper .bx-controls-direction a{width:33px;height:65px;margin-top:-32.5px;}

.service-pic-slider .bx-wrapper .bx-prev{left:-84px;background:url(../../../images/mulang_img/digital/prve-icon-02.png) no-repeat center;}

.service-pic-slider .bx-wrapper .bx-next{right:-84px;background:url(../../../images/mulang_img/digital/next-icon-02.png) no-repeat center;}









@media only screen and (max-height: 850px) {
	.system-inner .dis-box .t{font-size:38px;}

}

@media only screen and (max-height: 800px) {

	.system-inner .dis-box .t{font-size:28px;padding:20px 0;}
	.service-pic .service-tit{font-size:28px;}
	.service-system-tit{font-size:28px;}
	.system-inner .dis-box .name-2{padding:20px 0 20px;}

	.system-inner .dis-box .case-name{padding:20px 0;}

	.nav-button .logo{top:40px;}

	.nav-button .btn-nav{top:40px;}

	.service-pic .service-pic-list ul li{margin-bottom:20px;}

}
@media only screen and (max-width: 1000px) {
	.phone .banner-ul li .tips{opacity:1;}
	.phone .banner-uls li .tit{opacity:1;}
	.phone .banner-uls li .tips{opacity:1;}
	.phone .banner-ul li .tit{opacity:1;}
	.phone .service-system-tit{opacity:1;padding:40px 0;}
	.phone .ca-menu li{opacity:1;}
	.phone .ca-menu{width:980px;}
	.phone .ca-menu li{width:162px;}0
	.phone .system-dis{padding-bottom:40px;}
	.phone .customer-box{opacity:1;}
	.phone .s2-slider ul li{padding-bottom:60px;}
	.phone .service-pic .service-tit{padding:40px 0;}
	.phone .service-pic .service-pic-list ul li{opacity:1;}
	.phone .service-pic-slider .bx-wrapper .bx-prev{left:0;}
	.phone .service-pic-slider .bx-wrapper .bx-next{right:0;}
	.phone .section.s6{height:760px;position: relative;}
	.phone .hotline-box .hotline-inner{width:980px;margin-left:-490px;}
	.phone .hotline-inner ul li.l0{width:270px;margin:0 28px;}
	.phone .hotline-inner ul li.l1{width:270px;margin:0 28px;}
	.phone .hotline-inner ul li.l2{width:270px;margin:0 28px;}
	.phone #menu{display: none;}
}






.multipleColumn{ width: 1260px;height: 620px;  overflow:hidden; position:relative;  margin: 0 auto  }
.multipleColumn .hd{ height:auto; }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }
.multipleColumn .bd{ width: 945px;
    display: block;margin: 0 auto;   overflow:hidden;  }
.multipleColumn .bd	.tempWrap{ width: 945px!important;
    display: block;margin: 0 auto;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1;  float:left; _display:inline;  }
.multipleColumn .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:120px; height:90px; display:block;   }
.multipleColumn .bd ul li .pic a:hover img{}

.multipleColumn .bd ul{}

.multipleColumn{max-width:1258px;margin:0 auto;}

.multipleColumn .bd ul li{width:315px;float:left;margin-bottom:30px;}

.multipleColumn .bd ul li > a.img-box{display: block;position: relative;width:315px;height:222px;overflow: hidden;}

.multipleColumn .bd ul li > a.img-box img{width:100%;height:auto;    transform 0.35s: ;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.6s;}

.multipleColumn .bd ul li > a.img-box:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}


.multipleColumn .bd ul li .img-tit{overflow: hidden;    text-align: left;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#000;margin:10px 0 0;display: block;width:auto;height:auto;}

.multipleColumn .bd ul li .postion-even span {
    display: inline-block;
    *display: inline;
    padding-left: 14px;
    margin-right: 30px;
    float: left;
    font-size: 13px;
    color: #666666;
    background: url(../../../images/mulang_img/digital/postion-icon-span.jpg) no-repeat left center;
}





.service-pic-slider{width:945px;margin:0 auto;}

.service-pic-slider .bx-wrapper{border:none;margin-bottom:0;box-shadow:none;}

.multipleColumn .hd .prev,.multipleColumn .hd .next{width:33px;height:65px;cursor:pointer;display: block;position: absolute;z-index: 99;}

.multipleColumn .hd .prev{/* left:-84px; */background:url(../../../images/mulang_img/digital/prve-icon-02.png) no-repeat center;left: 51px;top: 230px;}

.multipleColumn .hd .next{/* right:-84px; */background:url(../../../images/mulang_img/digital/next-icon-02.png) no-repeat center;right: 51px;top: 230px;}