.layout{/*max-width: 1760px;*/ width: 92.5%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 80px; background-color: #fff; _position: absolute; position: fixed; left: 0; top: 0; z-index: 1000; -webkit-box-shadow: 10px 0 10px rgba(0,0,0,.07);box-shadow: 10px 0 10px rgba(0,0,0,.07);}
.header.fixed{background-color: #fff; -webkit-box-shadow: 10px 0 10px rgba(0,0,0,.07);box-shadow: 10px 0 10px rgba(0,0,0,.07);}
.logo{float: left; padding-top: 4px;}
.logo a{display: block; width: 200px; height: 70px; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.mess-btns{float: right; margin: 20px 0 0 50px;}
.mess-btns a{width: 110px; height: 38px; line-height: 38px; text-align: center; background-color: #4fa7df; font-size: 15px; color: #fff; display: block;}
.mess-btns a:hover{background-color: #147aba;}
.nav{float: right;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{margin: 0 0 0 30px; float: left; position: relative;}
.nav ul li>a{display: block; font-size: 16px; color: #333; height: 80px; line-height: 80px; position: relative;}
.nav ul li>a:after{content:""; display: block; width: 100%; height: 2px; background-color: #4fa7df; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav ul li:hover>a:after,.nav ul li.on>a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav ul li:hover>a,.nav ul li.on>a{color: #4fa7df;}
.nav ul li .nav-body{width: 194px; border: 2px solid #4fa7df; background-color: #fff; position: absolute; left: 0; top: 80px;}
.nav ul li .nav-body a{display: block; margin-left: 10px; font-size: 14px; color: #666; padding: 15px 20px 15px 0; border-top: 1px solid #ddd;}
.nav ul li .nav-body a:hover{padding-left: 5px; color: #4fa7df;}
.nav ul li .nav-body a:first-child{border-top: none;}
.nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.nav ul li.active .nav-body{opacity:1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 2px; z-index: 1020; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #4fa7df; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #fff; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #333; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #38a073;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(../images/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 15px 0; background-color: #fff; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #000;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(../images/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #000;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(255,255,255,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table; content:'';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.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-arrow.slick-hidden{display: none;}
.banner{width: 100%; height: 100%; position: relative; z-index: 10;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline: none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active .pimg1{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 10px; z-index: 10;}
.banner .slick-dots li{display: inline-block;_display: inline;zoom: 1; margin: 0 5px; width: 20px; height: 2px; background-color: #fff; cursor: pointer;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #4fa7df;}
.banner-btns{position: absolute; left: 50px; top: 0; z-index: 5; line-height: 100px; font-size: 0;-webkit-text-size-adjust: none;}
.banner-btns a{display: inline-block;_display: inline;zoom: 1; width: 60px; height: 100px; vertical-align: top; position: relative;}
.banner-btns i{width: 8px; height: 14px; position: absolute; top: 50%; margin-top: -7px; transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.banner-btns a:after{content: ''; position: absolute; left: 0; top: 49px; width: 30px; height: 2px; background-color: #000; transform: scale(0, 1);-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.banner-btns a:hover:after{transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.banner-btns .ban-prev i{left: 9px; background: url(../images/ban-prev.png) no-repeat;}
.banner-btns .ban-prev:hover i{left: -3px;}
.banner-btns .ban-next i{left: 6px; background: url(../images/ban-next.png) no-repeat;}
.banner-btns .ban-next:hover i{left: 22px;}
.index-banner{width: 100%; position: relative; z-index: 1;}
.index-numbar-box{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;}
.index-back-box{
    background-color: #fff;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.index-back-box.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);}
.index-number{height: 100px; padding: 0 220px; text-align: center; position: relative;}
.index-number ul{font-size: 0;-webkit-text-size-adjust: none; padding: 20px 0 0 0;}
.index-number li{display: inline-block;_display: inline;zoom: 1; margin: 0 25px;}
.index-number li .nub{font-size: 48px; color: #000; line-height: 1;}
.index-number li .pd{display: block; font-size: 14px; color: #666; letter-spacing: 4px;}
.index-banner .mouseIco{position: absolute; right: 80px; top: 50%; margin-top: -15px;}
.index-banner .mouseIco i{display: block; width: 21px; height: 31px; background: url(../images/sub-mouse.png) no-repeat; cursor: pointer;}
.index-banner .mouseIco i{-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; background-color: #fff; padding: 100px 0;}
.index-title{width: 100%; text-align: center; color: #666;}
.index-title .h2{font-size: 40px; color: #000;font-weight: bold;}
.index-title .pn{font-size: 16px; color: #666;}
.index-service{width: 100%; margin-top: 50px;}
.index-service ul{margin: 0 -10px;}
.index-service ul li{width: 20%; float: left;}
.index-service ul li .box{margin: 0 10px; border: 1px solid #ddd; padding: 36px 30px 20px 30px; text-align: center; transition: all 0.4s ease;}
.index-service ul li .box:hover{border-color: #4fa7df; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.index-service ul li .icon{display: block; width: 124px; height: 66px; margin: 0 auto; background-position: 0 0; background-repeat: no-repeat; transition: all 0.4s ease;}
.index-service ul li .icon:hover{background-position: right top;}
.index-service ul li .h2{font-size: 18px; color: #333; margin: 30px 0 0 0;}
.index-service ul li .pcont{font-size: 14px; color: #666; margin-top: 5px; height: 42px; overflow: hidden;}
.section02{background-color: #f2f2f2;}
.index-case{width: 100%; margin-top: 50px;}
.index-case ul{margin: 0 -3px;}
.index-case ul li{width: 25%; float: left; margin-top: 6px;}
.index-case ul li .box{display: block; margin: 0 3px; background-color: #fff;}
.index-case ul li .pic{width: 100%; /*height: 285px;*/ padding-top: 65.5%; overflow: hidden; position: relative;}
.index-case ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-case ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-case ul li .btn-group{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; text-align: center; overflow: hidden; -webkit-backdrop-filter: blur(10px);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.index-case ul li .btn-group a{display: block; width: 100%; height: 0; line-height: 50px; margin-bottom: 1px; font-size: 12px; color: #000; background-color: #ccc; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.index-case ul li .btn-group a:hover{background-color: #fff;}
.index-case ul li .btn-group .dets-btn:before,.index-case ul li .btn-group .vise-btn:before{content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 5px;}
.index-case ul li .btn-group .dets-btn:before{background: url(../images/dets-btn.png) no-repeat;}
.index-case ul li .btn-group .vise-btn:before{background: url(../images/vise-btn.png) no-repeat;}
.index-case ul li .box:hover .btn-group a{height: 50px;}
.index-case ul li .title{padding: 0 15px; height: 74px; line-height: 74px; font-size: 16px; color: #333; overflow: hidden; position: relative; z-index: 1;}
.index-case ul li .title a{color: #333;}
.index-case ul li .title:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #4fa7df;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    height: 0\0;}
.index-case ul li:hover .title:before{-webkit-transform: scaleY(1); transform: scaleY(1); height: auto\0;}
.index-case ul li:hover .title a,.index-case ul li:hover .title i{color: #fff;}
.index-more{width: 100%; margin-top: 50px; text-align: center;}
.index-more a{width: 90px; height: 50px; font-size: 0; margin: 0 auto; display: block; border-radius: 5px; background-color: #fff; background-image: url(../images/index-more.png); background-position: 0 0; background-repeat: no-repeat;}
.index-more a:hover{background-position: 0 -50px; background-color: #4fa7df;}
.index-customer{width: 100%; margin-top: 50px;}
.index-customer ul li{width: 12.5%; float: left; border: 1px solid #f3f3f3; margin: -1px 0 0 -1px; position: relative; -webkit-box-sizing: border-box;box-sizing: border-box;}
.index-customer ul li span{display: block; overflow: hidden;}
.index-customer ul li span img{width: 100%; display: block; /*opacity: .5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;*/}
.index-customer ul li:hover span img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.index-customer ul li .bg{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.index-customer ul li .bg:before,.index-customer ul li .bg:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s,transform 0.35s;}
.index-customer ul li .bg:before{border-top: 2px solid #4fa7df; border-bottom: 2px solid #4fa7df; -webkit-transform: scale(0,1);transform: scale(0,1);}
.index-customer ul li .bg:after{border-right: 2px solid #4fa7df; border-left: 2px solid #4fa7df; -webkit-transform: scale(1,0);transform: scale(1,0);}
.index-customer ul li:hover .bg:after,.index-customer ul li:hover .bg:before{opacity: 1; -webkit-transform: scale(1);transform: scale(1);}
.cr-demand{background-color: #f7f7f7;}
.demand-title{font-size: 14px; color: #666;}
.demand-title .h2{font-size: 34px; color: #000; line-height: 1;}
.demand-form{margin: 40px 0 10px 0;}
.demand-form ul li{float: left; margin-right: 1%;}
.demand-form ul li.item1,.demand-form ul li.item2{/*width: 300px;*/ width: 17%;}
.demand-form ul li.item3{/*width: 894px;*/ width: 51%;}
.demand-form ul li.item-submit{/*width: 206px;*/ width: 12%; float: left; margin-right: 0;}
.demand-form ul li .demand-text{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #fff; background-color: #fff; padding: 0 20px; box-sizing: border-box;-webkit-box-sizing: border-box;}
.demand-form ul li .demand-text:focus{border-color: #000;}
.demand-form ul li .demand-select{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #fff; padding-left: 20px;}
.demand-form ul li .demand-select{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;}
.demand-form ul li .demand-select::-ms-expand{display: none;}
.demand-form ul li .submit{width: 100%; height: 55px; background-color: #000; border: 2px solid #000; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.demand-form ul li .submit:hover{background-color: #fff; color: #000;}
.italic{font-size: 12px; color: #999; margin-top: 20px;}

/*case*/
.case-wrap{width: 100%; background-color: #f2f2f2; padding: 100px 0;}
.search-box{width: 275px; height: 36px; background-color: #fff; margin: 9px 0 0 0; float: right; position: relative;}
.search-box .search-text{width: 100%; height: 36px; line-height: 36px; background-color: #fff; font-size: 12px; color: #333; border: none; padding: 0 50px 0 20px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.search-box .search-btns{position: absolute; right: 0; top: 0; border: none; cursor: pointer; width: 44px; height: 36px; font-size: 0; background: #adadad url(../images/search-btns.png) center no-repeat;}
.search-box .search-btns:hover{background-color: #4fa7df;}
.category-nav{width: 60%; float: left;}
.category-nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.category-nav ul li{display: inline-block;_display: inline;zoom: 1; margin: 1px 1px 0 0;}
.category-nav ul li a{display: block; min-width: 135px; height: 50px; line-height: 50px; padding: 0 10px; background-color: #fff; font-size: 14px; color: #666; text-align: center;}
.category-nav ul li:hover a,.category-nav ul li.on a{background-color: #4fa7df; color: #fff;}
.category-nav ul li i,.category-nav ul li span{display: inline-block; vertical-align: middle;}
.category-nav ul li i{width: 19px; height: 17px; margin-right: 3px; background-position: 0 0; background-repeat: no-repeat;}
.category-nav ul li:hover i,.category-nav ul li.on i{background-position: -19px 0;}
.getmore{width: 100%; margin-top: 50px; text-align: center;}
.getmore a{display: inline-block; min-width: 134px; height: 50px; line-height: 50px; padding: 0 10px; background-color: #2e2e2e; font-size: 16px; color: #fff;}
.getmore a i{background: url(../images/load-more.png) right center no-repeat; padding-right: 30px; display: inline-block;}
.getmore a:hover{background-color: #4fa7df;}
.case-details-wrap{width: 100%; background-color: #fff; padding: 80px 0 180px 0;}
.case-info-top{padding: 90px 0; border-bottom: 1px solid #e6e6e6;}
.case-name,.case-tmain{float: left; -webkit-box-sizing: border-box;box-sizing: border-box;}
.case-name{/*width: 390px;*/ width: 22.2%; padding-right: 2%;}
.case-name h1{font-size: 32px; color: #1a1a1a;}
.case-name p{font-size: 14px; color: #999; margin-top: 5px;}
.case-tmain{width: 64%; padding: 0 100px; border-left: 1px dashed #dbdbdb; min-height: 64px;}
.case-tmain table{width: 100%; font-size: 14px; color: #999;}
.case-tmain .th{color: #333; width: 80px; vertical-align: top;}
.case-btns{float: right;}
.case-btns a{width: 48px; height: 48px; border: 1px solid #e6e6e6; display: block; font-size: 0; background: url(../images/case-btns.png) no-repeat;}
.case-btns a:hover{background-color: #4fa7df; border-color: #4fa7df; background-position: left bottom;}
.case-text-box{max-width: 1300px; margin: 90px auto 0 auto;}
.recom-title{font-size: 24px; color: #333;}
.recommend-case{width: 100%; margin-top: 20px;}
.recommend-case .box{display: block; margin: 0 3px; background-color: #fff;}
.recommend-case .pic{width: 100%; /*height: 285px;*/ padding-top: 65.5%; overflow: hidden; position: relative;}
.recommend-case .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.recommend-case .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.recommend-case .btn-group{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; text-align: center; overflow: hidden; -webkit-backdrop-filter: blur(10px);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.recommend-case .btn-group a{display: block; width: 100%; height: 0; line-height: 50px; margin-bottom: 1px; font-size: 12px; color: #000; background-color: #ccc; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.recommend-case .btn-group a:hover{background-color: #fff;}
.recommend-case .btn-group .dets-btn:before,.index-case ul li .btn-group .vise-btn:before{content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 5px;}
.recommend-case .btn-group .dets-btn:before{background: url(../images/dets-btn.png) no-repeat;}
.recommend-case .btn-group .vise-btn:before{background: url(../images/vise-btn.png) no-repeat;}
.recommend-case .box:hover .btn-group a{height: 50px;}
.recommend-case .title{padding: 0 15px; height: 74px; line-height: 74px; font-size: 16px; color: #333; overflow: hidden; position: relative; z-index: 1;}
.recommend-case .title a{color: #333;}
.recommend-case .title:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #4fa7df;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    height: 0\0;}
.recommend-case .box:hover .title:before{-webkit-transform: scaleY(1); transform: scaleY(1); height: auto\0;}
.recommend-case .box:hover .title a,.recommend-case .box:hover .title i{color: #fff;}

/*product*/
.product-wrap{width: 100%; padding-top: 80px;}
.product-box{padding: 66px 0;}
.product-box .layout{max-width: 1200px;}
.product-box .h2{font-size: 44px; font-weight: bold; color: #000;}
.product-box .h3{font-size: 22px; margin-top: 5px; color: #666;}
.product-box .pic{float: right;}
.product-box .pic img{max-width: 100%; display: block; margin: 0 auto;}
.product-box .pro-text{margin-top: 130px; width: 480px; float: left;}
.product-box .pro-btns{margin-top: 20px; font-size: 0;-webkit-text-size-adjust: none;}
.product-box .pro-btns a{display: inline-block;_display: inline;zoom: 1; width: 196px; height: 60px; line-height: 60px; border-radius: 30px; text-align: center; border: 1px solid #333; font-size: 24px; color: #333;}
.product-box .pro-btns a:hover,.product-box .pro-btns a.on{background-color: #4fa7df; border-color: #4fa7df; color: #fff;}
.product-box .pro-btns a.on:hover{background-color: #147aba;}
.product-box01{width: 100%; min-height: 454px; padding: 66px 0 0 0; background-image: url(../images/product-box01.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.product-box01 .pic{float: right; width: 466px;}
.product-box01 .pic img{max-width: 100%; display: block; margin: 0 auto;}
.product-box01 .pro-text{width: 550px; color: #fff;}
.product-box01 .h2,.product-box01 .h3{color: #fff;}
.product-box01 .dl{font-size: 0;-webkit-text-size-adjust: none; margin-top: 5px;}
.product-box01 .dl dd{display: inline-block;_display: inline;zoom: 1; padding: 0 40px 0 0; margin: 10px 40px 0 0; text-align: center; position: relative;}
.product-box01 .dl dd:after{content:""; width: 1px; position: absolute; right: 0; top: 5px; bottom: 5px; background-color: #fff; opacity: .5;}
.product-box01 .dl dd:last-of-type:after{display: none;}
.product-box01 .dl dd .b{font-size: 16px; vertical-align: top; line-height: 1;}
.product-box01 .dl dd .b span{font-size: 44px; vertical-align: top;}
.product-box01 .dl dd .t{font-size: 14px;}
.product-box02{padding: 66px 0;}
.product-box02 .pic{float: left; width: 595px;}
.product-box02 .pro-text{float: right;}
.product-box03{background-color: #f7f9fa; padding: 66px 0 0 0;}
.product-box03 .pic{float: right; width: 533px;}
.product-box03 .pro-text{float: left;}
.product-box04{background-color: #fff;}
.product-box04 .pic{float: left; width: 530px;}
.product-box04 .pro-text{float: right;}
.product-box04 .num{font-size: 36px; color: #147aba;}
.product-box05{background-color: #f7f9fa;}
.product-box05 .pic{float: right; width: 533px;}
.product-box05 .pro-text{float: left;}
.pro-title{font-size: 44px; font-weight: bold; color: #000; text-align: center;}
.pro-title .s{color: #147aba;}
.pro-customer-list{width: 100%; margin-top: 50px;}
.pro-customer-list ul{margin: 0 -40px;}
.pro-customer-list ul li{width: 33.333%; float: left;}
.pro-customer-list ul li .box{margin: 0 40px; padding: 30px; background-color: #fff; box-shadow: 0 0 32px 0 rgba(50,126,174,.15);}
.pro-customer-list ul li .pr-info{padding: 10px 0 20px 80px; border-bottom: 1px solid #f5f5f5; min-height: 58px; position: relative;}
.pro-customer-list ul li .pr-info .icon{width: 68px; position: absolute; left: 0; top: 0;}
.pro-customer-list ul li .pr-info .icon img{width: 68px; height: 68px; border-radius: 100%;}
.pro-customer-list ul li .pr-info h2{font-size: 20px; color: #000;}
.pro-customer-list ul li .pr-info p{font-size: 14px; color: #666;}
.pro-customer-list ul li .pr-text{margin: 20px 0 0 0;}
.pro-customer-list ul li .pr-text h2{font-size: 20px; font-weight: bold; color: #000; height: 60px; overflow: hidden;}
.pro-customer-list ul li .pr-text .pcont{font-size: 14px; color: #8c8c8c; /*height: 84px; margin: 20px 0;*/ overflow: hidden;}
.pro-customer-list ul li .pr-img{text-align: right; height: 28px;}
.product-box07{padding: 40px 0 0 0;}
.pro-customer-img{width: 100%; background-color: #262829; margin-top: 20px; padding: 20px 0;}
.pro-customer-img ul{margin: 0 -2px;}
.pro-customer-img ul li{width: 16.666%; float: left; margin: 2px 0 0 0;}
.pro-customer-img ul li .box{display: block; /*height: 98px;*/ padding-top: 49%; margin: 0 2px; position: relative;}
.pro-customer-img ul li .box img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.pro-customer-img ul li .box:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.product-box08{width: 100%; padding: 100px 0; background-color: #fff;}
.product-box08 .pro-btns{text-align: center;}
.product-box08 .pro-btns a{margin: 0 15px;}

.kingher-box{width: 100%; padding: 70px 0;}
.kingher-box .layout{max-width: 1200px;}
.kingher-box01{width: 100%; min-height: 380px; position: relative; z-index: 1; background-image: url(../images/kingher-box01.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.kingher-box01 .kingher-text{width: 520px; float: left; color: #fff; margin-top: 70px;}
.kingher-box01 .h2{font-size: 48px;}
.kingher-box01 .pcont{font-size: 16px; margin-top: 10px;}
.kingher-box01 .kingher-btns{text-align: left;}
.kingher-box01 .kingher-btns a{background-color: #fff; border-color: #fff; color: #4fa7df; margin-left: 0;}
.kingher-box01 .pic{position: absolute; right: 5%; bottom: 8%; z-index: -1;}
.kingher-box01 .pic img{max-width: 100%; display: block; margin: 0 auto;}
.kingher-btns{margin-top: 30px; text-align: center; font-size: 0;-webkit-text-size-adjust: none;}
.kingher-btns a{display: inline-block;_display: inline;zoom: 1; margin: 0 15px; width: 158px; height: 48px; line-height: 48px; border-radius: 30px; text-align: center; border: 1px solid #4fa7df; font-size: 16px; color: #4fa7df;}
.kingher-btns a:hover,.product-box .pro-btns a.on{background-color: #4fa7df; border-color: #4fa7df; color: #fff;}
.kingher-title{font-size: 44px; font-weight: bold; color: #000; text-align: center;}
.kingher-title .pn{font-size: 18px; color: #333;}
.kingher-text-box{margin-top: 25px; font-size: 16px; color: #666; text-align: center;}
.kingher-img-box{margin-top: 45px;}
.kingher-box02 .kingher-btns{margin-top: 70px;}
.kingher-box03,.kingher-box05,.kingher-box07,.kingher-box09{background-color: #f8f8f8;}
.kingher-technology{width: 1050px; margin: 40px auto 0 auto;}
.kingher-technology ul li{width: 100%; overflow: hidden;zoom: 1;}
.kingher-technology ul li .pic{width: 525px; height: 265px; overflow: hidden; position: relative; float: left;}
.kingher-technology ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.kingher-technology ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.kingher-technology ul li:nth-child(even) .pic,.kingher-technology ul li.on .pic{float: right;}
.kingher-technology ul li .tmain{float: right; width: 405px; margin: 30px 60px 10px 60px;}
.kingher-technology ul li:nth-child(even) .tmain,.kingher-technology ul li.on .tmain{float: left;}
.kingher-technology ul li .h2{font-size: 28px; font-weight: bold; color: #333; text-align: center; margin-bottom: 10px;}
.kingher-technology ul li .pcont{font-size: 16px; color: #333; line-height: 29px;}
.tab-head{width: 100%; text-align: center;}
.tab-head ul{font-size: 0;-webkit-text-size-adjust: none; margin-top: 5px;}
.tab-head ul li{display: inline-block;_display: inline;zoom: 1; margin: 0 2px 5px 0;}
.tab-head ul li{width: 107px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; border-bottom: 3px solid #f8f8f8; cursor: pointer; text-align: center; background-color: #f08694;}
.tab-head ul li:hover{border-bottom: 3px solid #ed394f;}
.tab-head ul li:nth-child(2n){background-color: #f49e45;}
.tab-head ul li:nth-child(3n){background-color: #14c2c0;}
.tab-head ul li:nth-child(4n){background-color: #82b3f0;}
.tab-head ul li:nth-child(5n){background-color: #f08694;}
.tab-head ul li:nth-child(6n){background-color: #f49e45;}
.tab-head ul li:nth-child(7n){background-color: #14c2c0;}
.tab-head ul li:nth-child(8n){background-color: #f6a391;}
.tab-head ul li:nth-child(9n){background-color: #f6a391;}
.tab-head ul li:nth-child(10){background-color: #ed426a;}
.tab-head ul li:nth-child(11){background-color: #8bcfb3;}
.kingher-box .tab-con{display: none; margin-top: 45px;}
.kingher-box .tab-con.active{display: block;}
.kingher-box .right-list{width: 512px; padding: 80px 30px 0 50px; float: right; text-align: left;}
.kingher-box .right-list .h2{font-size: 28px; color: #000; margin-bottom: 25px;}
.kingher-box .right-list .pcont{font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 30px;}
.kingher-box .right-list .kingher-btns{text-align: left;}
.kingher-box .right-list .kingher-btns a{margin-left: 0;}
.kingher-box .left-slide{overflow: hidden; padding-bottom: 30px; position: relative; width: 500px; float: left;}
.kingher-box .left-slide p{font-size: 14px; line-height: 28px; text-align: center; margin-top: 10px;}
.owl-pagination,.owl-dots{text-align: center; margin-top: 30px;}
.owl-pagination .owl-page, .owl-dots .owl-dot{display: inline-block; margin: 0 4px;}
.owl-pagination .owl-page span, .owl-dots .owl-dot span{display: inline-block; width: 8px; height: 8px; background-color: #ccc; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.owl-pagination .owl-page.active span ,.owl-dots .owl-dot.active span{background-color: #4fa7df;}
.wechat-office{height: 460px; margin: 30px 0 90px 0; text-align: center; background: url(../images/wechat-office.png) no-repeat 50% 30px; position: relative;}
.wechat-office ul li{width: 280px; position: absolute; top: 0; text-align: center;}
.wechat-office ul li img{position: relative; z-index: 99; margin-bottom: 57px;}
.wechat-office ul li p{text-align: center; font-size: 16px; color: #666; line-height: 1.8;}
.wechat-office ul li:after{content: ''; position: absolute; left: 50%; top: 250px; width: 237px; height: 63px; background: url(../images/wechat-item.png) no-repeat center; background-size: cover; display: inline-block; -webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}
.wechat-office ul li.item2:after{top: 390px; width: 280px;}
.wechat-office ul li.item1{left: 0;}
.wechat-office ul li.item2{left: 50%; margin-left: -140px;}
.wechat-office ul li.item3{right: 0;}
.wechat-office ul li.item1 img{width: 125px; height: 255px;}
.wechat-office ul li.item2 img{width: 162px; height: 392px;}
.wechat-office ul li.item3 img{width: 125px; height: 255px;}
.kingher-customer{width: 100%; margin-top: 30px;}
.kingher-customer ul{margin: 0 -5px;}
.kingher-customer ul li{width: 16.666%; float: left; margin-top: 10px;}
.kingher-customer ul li .box{display: block; /*height: 95px;*/ padding-top: 47%; border: 1px solid #e3e3e3; margin: 0 5px; position: relative;}
.kingher-customer ul li .box img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; /*-moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;*/}
/*.kingher-customer ul li .box:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.kingher-customer ul li .box:hover{border-color: #4fa7df;}
/*
.kingher-customer ul li .box img{opacity: .5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.kingher-customer ul li .box:hover img{opacity: 1; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
*/
.kingher-oa{width: 100%; margin-top: 40px;}
.kingher-oa ul{margin: 0 -20px;}
.kingher-oa ul li{width: 33.333%; float: left;}
.kingher-oa ul li .box{display: block; margin: 0 20px;}
.kingher-oa ul li .pic{width: 100%; /*height: 313px;*/ padding-top: 84%; overflow: hidden; position: relative;}
.kingher-oa ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.kingher-oa ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.kingher-oa ul li .tmain{margin-top: 20px;}
.kingher-oa ul li .h2{font-size: 16px; color: #333;}
.kingher-oa ul li .box:hover .h2{color: #4fa7df;}
.kingher-oa ul li .pcont{font-size: 14px; color: #999; margin-top: 10px;}
.kingher-move-office{width: 100%; margin-top: 40px;}
.kingher-move-office ul li{width: 100%; overflow: hidden;zoom: 1; margin-top: 80px;}
.kingher-move-office ul li .pic{width: 535px; float: right;}
.kingher-move-office ul li:nth-child(even) .pic,.kingher-move-office ul li.on .pic{float: left;}
.kingher-move-office ul li .tmain{width: 535px; float: left; margin-top: 30px;}
.kingher-move-office ul li:nth-child(even) .tmain,.kingher-move-office ul li.on .tmain{float: right;}
.kingher-move-office ul li .h2{font-size: 40px; color: #000; margin-bottom: 20px;}
.kingher-move-office ul li .pcont{font-size: 16px; color: #666; line-height: 1.9;}
.kingher-move-office ul li .kingher-btns{text-align: left; margin-top: 30px;}
.kingher-move-office ul li .kingher-btns a{margin: 0 15px 0 0;}
.kingher-move-box{margin-top: 45px; text-align: center;}
.kingher-move-box .item img{width: 190px; margin: 0 auto; display: block;}
.kingher-move-box .item .text{margin: 40px 20px 0 20px; font-size: 16px; color: #666; line-height: 1.8;}
.kingher-move-value{width: 100%; margin-top: 30px; text-align: center;}
.kingher-move-value ul{font-size: 0;-webkit-text-size-adjust: none;}
.kingher-move-value ul li{display: inline-block;_display: inline;zoom: 1; margin: 0 10px; border: 12px solid #e6e6e6; width: 250px; height: 259px; border-radius: 100%; overflow: hidden; position: relative;}
.kingher-move-value ul li .text{position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 0.5s;}
.kingher-move-value ul li .text .icon{margin: 20px auto; width: 100px; height: 90px; text-align: center;}
.kingher-move-value ul li .text .icon img{max-height: 100%; max-width: 100%; margin: 0;}
.kingher-move-value ul li .text .title{font-size: 24px; color: #fff; text-align: center; font-weight: bold; width: 130px; margin: 0 auto;}
.kingher-move-value ul li .text2{padding-top: 15px; opacity: 0; visibility: hidden;}
.kingher-move-value ul li .text2 h3{font-size: 20px; font-weight: bold; color: #fff; width: 100px; margin: 20px auto 10px auto; padding: 10px 0; border-bottom: 1px solid #fff; word-wrap: break-word;}
.kingher-move-value ul li .text2 p{padding: 15px 30px; font-size: 14px; line-height: 1.6; color: #fff;}
.kingher-move-value ul li:hover{background: #FE7968 !important;}
.kingher-move-value ul li:hover .text2{opacity: 1; visibility: visible;}
.kingher-move-value ul li:hover .text1{opacity: 0; visibility: hidden; -webkit-transform: scale(1.6);-ms-transform: scale(1.6);transform: scale(1.6);}
/*.kingher-box04{width: 100%; min-height: 600px;}*/
.kingher-box04 .kingher-text{width: 100%; float: none; text-align: center; margin-top: 160px;}
.kingher-box04 .kingher-btns{text-align: center;}
.software-case{width: 100%; margin-top: 40px;}
.software-case .slick-list{margin: 0 -10px;}
.software-case .box{display: block; background-color: #f5f6f7; margin: 0 10px; padding: 30px; text-align: center;}
.software-case .icon{width: 60px; height: 60px; border-radius: 100%; border: 2px solid #4fa7df; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; display: block;}
.software-case .h2{font-size: 20px; color: #333; margin-top: 10px;}
.software-case .pcont{font-size: 14px; color: #666; line-height: 24px; height: 120px; overflow: hidden; margin: 40px 0;}
.software-case .more{display: block; width: 102px; height: 32px; line-height: 32px; border-radius: 25px; background-color: #4fa7df; font-size: 16px; color: #fff; margin: 0 auto;}
.software-case .more:hover{background-color: #147aba;}
.software-case .slick-arrow{width: 21px; height: 37px; border: none; outline: none; position: absolute; top: 50%; margin-top: -18px; z-index: 5; font-size: 0; cursor: pointer;}
.software-case .slick-prev{left: -5%; background: url(../images/software-prev.png) no-repeat;}
.software-case .slick-next{right: -5%; background: url(../images/software-next.png) no-repeat;}
.software-box02{background-image: url(../images/software-box02.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.software-service{width: 100%; margin-top: 20px;}
.software-service ul{margin: 0 -10px;}
.software-service ul li{width: 25%; float: left; margin-top: 20px;}
.software-service ul li .box{background-color: #fff; margin: 0 10px; height: 170px; text-align: center; overflow: hidden;}
.software-service ul li.first .box{height: 360px;}
.software-service ul li.first .icon{margin-top: 130px;}
.software-service ul li .icon{display: block; margin-top: 35px;}
.software-service ul li .icon img{max-width: 100%; display: block; margin: 0 auto;}
.software-service ul li .h2{font-size: 18px; color: #333; margin: 15px 10px 0 10px;}
.software-box03{background-image: url(../images/software-box03.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.software-tab{width: 100%; text-align: center; margin-top: 40px;}
.software-tab ul{font-size: 0;-webkit-text-size-adjust: none;}
.software-tab ul li{display: inline-block;_display: inline;zoom: 1; padding: 0 20px; border-right: 1px solid #ddd; line-height: 20px;}
.software-tab ul li:last-of-type{border-right: none;}
.software-tab ul li a{display: block; font-size: 20px; color: #333;}
.software-tab ul li.on a{color: #4fa7df;}
.software-box{width: 100%; margin-top: 40px; text-align: center;}
.software-box img{max-width: 100%; display: block; margin: 0 auto;}
.software-box .box{display: none;}
.software-box04{background-color: #4fa7df;}
.software-box04 .kingher-title,.software-box02 .kingher-title{color: #fff;}
.software-box04 .kingher-btns{margin-top: 5px;}
.software-box04 .kingher-btns a{border-color: #fff; background-color: #fff; color: #4fa7df;}
.software-box04 .kingher-btns a:hover{background-color: #147aba; border-color: #147aba; color: #fff;}

.boxer-open{overflow: hidden !important;}
#boxer,#boxer .boxer-container,#boxer .boxer-content,#boxer-overlay{transition: none;}
#boxer-overlay{width: 100%; height: 100%; background-color: #000; left: 0; position: fixed; top: 0; z-index: 105;}
#boxer{background-color: #fff; border-radius: 3px; box-shadow: 0 0 25px #000; padding: 10px; position: absolute; z-index: 105;}
#boxer.inline{padding: 30px;}
#boxer .boxer-close{background: #fff url(../images/jquery.fs.boxer-icons.png) no-repeat -70px 10px; border-radius: 100%; cursor: pointer; display: block; width: 30px; height: 30px; padding: 0; position: absolute; right: -8px; top: -8px; text-indent: -99999px; z-index: 106;}
#boxer .boxer-container{width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 105; zoom: 1;}
#boxer .boxer-content{overflow: hidden; padding: 0; width: 10000px;}
#boxer .boxer-image{float: left;}
#boxer .boxer-video{width: 100%; height: 100%;}
#boxer .boxer-iframe{width: 100%; height: 100%; overflow: auto; float: left;}
#boxer .boxer-meta{clear: both;}
#boxer .boxer-arrow{background: #fff url(../images/jquery.fs.boxer-icons.png) no-repeat 0 0; border-radius: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); cursor: pointer; display: block; width: 40px; height: 40px; margin-right: auto; margin-left: auto; position: absolute; text-indent: -99999px; top: 0; transition: opacity 0.1s linear;}
#boxer .boxer-arrow.previous{left: 20px;}
#boxer .boxer-arrow.next{background-position: -40px 0; right: 20px;}
#boxer .boxer-position{color: #999; font-size: 11px; margin: 0; padding: 15px 10px 5px;}
#boxer .boxer-caption p{margin: 0; padding: 15px 10px 10px 10px;}
#boxer .boxer-caption.gallery p{padding-top: 0;}
#boxer.loading .boxer-container{background: #fff url(../images/jquery.fs.boxer-loading.gif) no-repeat center;}
#boxer.mobile{width: 100%; background-color: rgba(0, 0, 0, 0.6); border-radius: 0; height: 100%; left: 0; padding: 30px 0 0; position: fixed; top: 0;}
#boxer.mobile .boxer-close{background-color: rgba(0, 0, 0, 0.5); background-position: -70px -60px; border-radius: 0; right: 0; top: 0;}
#boxer.mobile .boxer-container{position: relative;}
#boxer.mobile .boxer-arrow{background-color: transparent; border-radius: 0; margin: -20px 0 0; top: 50%;}
#boxer.mobile .boxer-arrow.previous{background-position: 0 -40px; float: left; left: 0;}
#boxer.mobile .boxer-arrow.next{background-position: -40px -40px; float: right; right: 0;}
#boxer.mobile .boxer-arrow.disabled{opacity: 0.5;}
#boxer.mobile .boxer-meta{width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); padding: 15px 50px 10px;}
#boxer.mobile .boxer-position{padding: 0;}
#boxer.mobile .boxer-caption p{color: #eee; padding: 10px 0 0;}
#boxer.mobile .boxer-image{transition: none !important;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
#boxer.mobile.animated .boxer-image {
    transition: -webkit-transform 0.25s ease-out !important;
    transition: transform 0.25s ease-out !important;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out !important;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out !important}
#boxer.mobile.loading .boxer-container{background: rgba(0, 0, 0, 0.3) url(../images/jquery.fs.boxer-loading-dark.gif) no-repeat center;}
@media screen and (min-width: 980px) {
    #boxer .boxer-close:hover{background-position: -70px -20px;}
    #boxer .boxer-arrow{opacity: 0;}
    #boxer .boxer-content:hover .boxer-arrow{opacity: 0.75;}
    #boxer .boxer-content .boxer-arrow:hover{opacity: 1;}
    #boxer .boxer-content:hover .boxer-arrow.disabled{opacity: .3; cursor: default !important;}
    #boxer.mobile .boxer-arrow{opacity: 1;}
    #boxer.mobile .boxer-arrow.disabled{opacity: 0.5;}
}
#boxer{z-index: 999999;}
@media screen and (max-width: 980px) {
    #boxer.mobile{position: fixed;}
}

.hidden{overflow: hidden;}
.free-trial-pop{width: 100%; height: 100%; overflow: auto; _position: absolute; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 3000; display: none;}
.free-trial-box{max-width: 700px; background-color: #fff; padding: 20px 80px 40px 80px; margin: 20px auto; position: relative;}
.free-trial-box .close{width: 16px; height: 16px; position: absolute; right: 20px; top: 20px; z-index: 5; font-size: 0; background: url(../images/nav_close.png) no-repeat; -webkit-transition: 400ms;transition: 400ms;}
.free-trial-box .close:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.free-trial-box .title{font-size: 36px; color: #000; text-align: center;}
.free-trial-box .h3{font-size: 20px; color: #333; text-align: center; margin: 20px 0;}
.free-trial-box .b,.free-trial-box .tips i{color: #eb0606;}
.free-trial-box .ul-form{border-top: 1px solid #e6e6e6;}
.free-trial-box .item{width: 100%; display: table; margin-top: 20px;}
.free-trial-box .th,.free-trial-box .td{display: table-cell; vertical-align: top;}
.free-trial-box .th{width: 90px; padding-right: 5px; font-size: 16px; color: #333;}
.free-trial-box .free-text,.free-trial-box .free-teat{width: 100%; height: 42px; line-height: 42px; border: 1px solid #e6e6e6; font-size: 14px; color: #333; padding: 0 10px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.free-trial-box .free-text:focus,.free-trial-box .free-teat:focus{border-color: #4fa7df;}
.free-trial-box .free-teat{height: 140px; padding: 10px; line-height: 26px;}
.free-trial-box .free-sele{width: 280px; height: 42px; line-height: 42px; border: 1px solid #e6e6e6; font-size: 14px; color: #666; padding: 0 10px;}
.free-trial-box .tips{margin-left: 5px; font-size: 12px; color: #b8b8b8;}
.free-trial-box .free-w28{max-width: 280px;}
.free-trial-box .free-w37{max-width: 370px;}
.free-trial-box .free-w94{max-width: 94%;}
.free-trial-box .free-w155{width: 155px;}
.free-trial-box .checkbox-item{font-size: 12px; color: #8c8c8c; margin-top: 5px;}
.free-trial-box .checkbox-item label{margin-right: 5px;}
.free-trial-box .checkbox-item label input{vertical-align: -3px;}
.free-trial-box .checkbox-item .che-text{width: 40px; height: 18px; line-height: 18px; text-align: center; border: none; border-bottom: 1px solid #8c8c8c;}
.free-trial-box .submit{width: 126px; height: 42px; background-color: #4fa7df; font-size: 16px; color: #fff; border: none; cursor: pointer; transition: all 0.4s ease;}
.free-trial-box .submit:hover{background-color: #147aba;}

/*website*/
#fp-nav{display: none;}
@keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown1{-webkit-animation-name: slideInDown1; animation-name: slideInDown1;}
@-webkit-keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown2{-webkit-animation-name: slideInDown2; animation-name: slideInDown2;}

.m-wrap2,.m-wrap3,.m-wrap4{background-color: #eee; background-position: left bottom; background-size: cover; background-repeat: no-repeat;}
.m-wrap2{background-image: url(../images/mobile1.jpg);}
.m-wrap3{background-image: url(../images/mobile2.jpg);}
.m-wrap4{background-image: url(../images/mobile3.jpg);}
.mobText{width: 446px; padding-top: 210px;}
.mobText .h2{font-size: 46px; color: #000;}
.mobText .pn{font-size: 16px; color: #666; line-height: 30px; margin-top: 5px;}
.mobText .th{font-size: 24px; color: #000; margin-top: 30px;}
.mobText .dl,.myApplt{margin-top: 10px; overflow: hidden;}
.mobText .dl dd{width: 56px; text-align: center; font-size: 14px; color: #333; float: left; margin-right: 40px;}
.mobText .dl dd img{margin: 0 auto;}
.mobText .dl dd p{margin-top: 5px;}
.myApplt ul{margin-left: -9px; margin-right: -9px;}
.myApplt ul li{width: 20%; float: left;}
.myApplt ul li span{margin: 0 9px; display: block;}
.active .mobText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .mobText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 2s; -webkit-animation-duration: 2s;}
.active .mobText .th{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 3s; -webkit-animation-duration: 3s;}
.active .mobText .dl{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 4s; -webkit-animation-duration: 4s;}
.active .mobText .myApplt{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 5s; -webkit-animation-duration: 5s;}
.active .indexTitle h2{animation-name: slideInDown1; -webkit-animation-name: slideInDown1; animation-duration: 0.2s; -webkit-animation-duration: 0.2s;}
.active .indexTitle p{animation-name: slideInDown2; -webkit-animation-name: slideInDown2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s;}

/*about*/
.nybanner{width: 100%; height: 680px; background-position: center; background-repeat: no-repeat; position: relative;}
.nybanner img{max-width: 100%; display: block; margin: 0 auto;}
.ny-title{width: 100%; position: absolute; left: 0; top: 50%; z-index: 5; text-align: center; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.ny-title h2{margin-bottom:15px;}
.about-box01{width: 100%; background-color: #fff; padding: 100px 0;}
.about-brand{max-width: 910px; margin: 0 auto; text-align: center;}
.about-text{font-size: 14px; color: #666; line-height: 30px; margin-top: 30px;}
.about-box01 .index-number{width: 70%; margin-top: 30px;}
.about-box02{width: 100%; min-height: 476px; padding: 100px 0; background-color: #333; background-image: url(../images/about-box02.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.about-box02 .index-title .h2,.about-box02 .index-title .pn{color: #fff;}
.about-service{max-width: 1200px; margin: 70px auto 0 auto;}
.about-service ul{margin: 0 -55px;}
.about-service ul li{width: 33.333%; float:left;}
.about-service ul li .box{margin: 0 55px; text-align: center;}
.about-service ul li .icon{display: block; width: 120px; height: 120px; border: 1px solid #fff; margin: 0 auto; background-image: url(../images/about04.png); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .4s ease;transition: all .4s ease;}
.about-service ul li:hover .icon{background-position: 0 -120px; border-color: #4fa7df;}
.about-service ul li .h2{font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;}
.about-service ul li .pcont{font-size: 14px; color: #fff; opacity: .6;}

/*contact*/
.contact-box{width: 100%; background-color: #fff; padding: 100px 0;}
.contact-text{/*width: 720px;*/ width: 41%; float: left;}
.contact-text .title{float: left; font-size: 26px; color: #333;}
.contact-text .cont-info{float: right; width: 325px;}
.contact-text .cont-info ul li{font-size: 16px; color: #666; padding-left: 30px; margin-bottom: 35px; min-height: 24px; position: relative;}
.contact-text .cont-info ul li .icon{position: absolute; left: 0; top: 0; max-width: 26px;}
.mess-form{/*width: 808px;*/ width: 46%; float: right;}
.mess-form ul li{width: 100%; margin-bottom: 20px; float: left;}
.mess-form ul li.item1,.mess-form ul li.item2,.mess-form ul li.item3{width: 31.5%; margin-right: 2.5%;}
.mess-form ul li.item3{margin-right: 0;}
.mess-form ul li.item5{text-align: right;}
.mess-form .context,.mess-form .conteat{width: 100%; height: 50px; line-height: 50px; background-color: #f4f4f4; border: 1px solid #f4f4f4; padding: 0 15px; font-size: 13px; color: #333; -webkit-box-sizing: border-box;box-sizing: border-box;}
.mess-form .context:focus,.mess-form .conteat:focus{border-color: #000;}
.mess-form .conteat{width: 100%; height: 200px; line-height: 26px; padding: 20px;}
.mess-form .submit{width: 160px; height: 50px; background-color: #000; border: 2px solid #000; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.mess-form .submit:hover{background-color: #fff; color: #000;}
.map{width: 100%; overflow: hidden;}
.map img{max-width: 100%; display: block; margin: 0 auto;}

/*GoTop*/
.GoTop{width: 46px; height: 46px; position: fixed; right: -40px; bottom: 5%; z-index: 50; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.GoTop a{display: block; width: 46px; height: 46px; overflow: hidden; font-size: 0; position: relative; background-color: #000; background-image: url(../images/GoTop.png); background-position: center; background-repeat: no-repeat;}
.GoTop a:after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #4fa7df url(../images/GoTop.png) center no-repeat; -webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.GoTop a:hover:after{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.GoTop.active{right: 10px; visibility: visible; opacity: 1;}

/*footer*/
.footer{width: 100%; background-color: #282828;}
.footer .foot-top{padding: 45px 0; position: relative;}
.footer .foot-logos{/*width: 280px;*/ width: 15%; padding: 50px 1% 0 0; float: left;}
.footer .foot-nav a{font-size: 14px; margin-right: 20px;}
.footer .foot-info{width: 300px; float: left; color: #797979;}
.footer .foot-info .call{font-size: 36px; color: #989898; line-height: 1; margin: 20px 0;}
.footer .foot-info p{font-size: 14px;}
.footer .foot-ewm{float: left;}
.footer .foot-ewm ul{font-size: 0;-webkit-text-size-adjust: none;}
.footer .foot-ewm ul li{width: 120px; text-align: center; margin: 0 20px; display: inline-block;_display: inline;zoom: 1;}
.footer .foot-ewm ul li img{max-width: 100%; display: block; margin: 0 auto;}
.footer .foot-ewm ul li p{font-size: 14px; color: #797979; margin-top: 5px;}
.footer .foot-ewm ul li p span{color: #989898;}
.footer .foot-copy{width: 280px; float: right; font-size: 12px; color: #424242;}
.footer a{color: #797979;}
.footer a:hover{color: #4fa7df;}

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }

    .nav ul li{margin-left: 20px;}
    .mess-btns{margin-left: 20px;}
    .index-service ul li .box{padding: 20px 15px;}
    .index-service ul li .h2{font-size: 16px; margin: 20px 0 0 0;}
    .index-service ul li .pcont{font-size: 12px; height: 36px;}
    .index-case ul li .title,.recommend-case .title{height: 60px; line-height: 60px; font-size: 14px;}
    .footer .foot-logos{width: 10%; padding-right: 3%;}
    .nybanner{height: 500px;}
    .case-name{width: 25%;}
    .case-name h1{font-size: 22px;}
    .case-tmain{padding: 0 50px;}
    .contact-text .title,.contact-text .cont-info{width: auto; float: none;}
    .contact-text .cont-info{margin-top: 20px;}
    .mobText{width: 400px;}
    .mobText .pn{font-size: 12px; line-height: 24px;}
    .mobText .th{font-size: 14px; font-weight: bold; margin-top: 15px;}
    .mobText .dl dd{font-size: 12px;}
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top: 55px;}
    .header{width: 100%; height: 55px;}
    .logo{position: absolute; left: 2%; top: 0; padding-top: 3px;}
	.logo a{width: 133px; height: 45px;}
    .btn-m-list{display: block;}
    .nav{display: none;}
    .mess-btns{margin: 9px 50px 0 0; position: absolute; right: 0; top: 0;}
    .banner-btns{left: 20px;}
    .banner-btns a{height: 71px;}
    .banner-btns a:after{top: 35px;}
    .index-number{padding: 0 90px; height: 71px;}
    .index-number li{margin: 0 15px;}
    .index-number li .nub{font-size: 22px;}
    .index-number li .pd{font-size: 12px;}
    .index-banner .mouseIco{right: 20px;}
    .sectionBox,.case-wrap,.about-box01,.contact-box{padding: 60px 0;}
    .index-service,.index-case,.index-customer,.index-more{margin-top: 20px;}
    .index-service ul{margin: 0 -5px;}
    .index-service ul li .box{padding: 20px 10px; margin: 0 5px;}
    .index-service ul li .icon{width: 80px; height: 43px; background-size: 160px auto;}
    .index-service ul li .h2{font-size: 14px; margin: 10px 0 0 0;}
    .index-service ul li .pcont{font-size: 12px; height: 54px;}
    .index-case ul li .title{height: 50px; line-height: 50px; font-size: 14px;}
    .index-customer ul li{width: 25%;}
    .demand-form ul li.item1,.demand-form ul li.item2,.demand-form ul li.item3{width: 32%; margin-right: 1.9%;}
    .demand-form ul li.item3{margin-right: 0;}
    .demand-form ul li.item-submit{width: 100%; margin-top: 10px;}
    .footer .foot-logos,.footer .foot-info,.footer .foot-copy{float: none;}
    .footer .foot-logos{padding-top: 0;}
    .footer .foot-ewm{position: absolute; right: 0; top: 45px;}
    .nybanner{height: 460px;}
    .category-nav ul li a{min-width: 120px;}
    .case-details-wrap{padding: 0 0 80px 0;}
    .case-info-top{padding: 60px 0;}
    .case-name,.case-tmain{width: 80%; float: none; padding: 0; border: none;}
    .case-name h1{font-size: 18px;}
    .case-tmain{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #dbdbdb;}
    .case-btns{position: absolute; right: 10px; top: 110px;}
    .about-service ul{margin: 0 -10px;}
    .about-service ul li .box{margin: 0 10px;}
    .contact-text .title,.contact-text .cont-info{width: auto; float: none;}
    .contact-text .cont-info{margin-top: 20px;}
    .mess-form ul li.item1,.mess-form ul li.item2,.mess-form ul li.item3{width: 100%; margin-right: 0;}
    .section{height: auto !important;}
    .mobText{padding: 150px 0;}
    .product-wrap{padding: 0;}
    .product-box .pic{width: 240px;}
    .product-box .pro-text{width: 340px; margin-top: 40px;}
    .product-box .h2{font-size: 20px;}
    .product-box .h3{font-size: 14px;}
    .product-box .pro-btns a{width: 100px; height: 40px; line-height: 40px; font-size: 14px;}
    .product-box01{min-height: 100px;}
    .product-box01 .dl dd{padding-right: 20px; margin-right: 20px;}
    .product-box01 .dl dd .b,.product-box01 .dl dd .t{font-size: 12px;}
    .product-box01 .dl dd .b span{font-size: 24px;}
    .pro-customer-list ul{margin: 0 -5px;}
    .pro-customer-list ul li .box{margin: 0 5px; padding: 15px;}
    .pro-title{font-size: 26px;}
    .kingher-box01 .pic{right: 1%; bottom: 1%;}
    .kingher-box01 .pic{width: 70%;}
    .kingher-technology{width: auto;}
    .kingher-technology ul li .pic{width: 100%; height: 377px; float: none;}
    .kingher-technology ul li .tmain{width: auto; float: none; margin: 30px 15px;}
    .kingher-box .left-slide{width: 100%; float: none;}
    .kingher-box .right-list{width: auto; float: none; padding: 30px 0;}
    .kingher-move-office ul li .pic,
    .kingher-move-office ul li:nth-child(even) .pic,
    .kingher-move-office ul li.on .pic,
    .kingher-move-office ul li .tmain,
    .kingher-move-office ul li:nth-child(even) .tmain,
    .kingher-move-office ul li.on .tmain{width: auto; float: none;}
    .free-trial-box{max-width: 70%;}
    .free-trial-box .ps{display: block;}
    .kingher-box01 .h2{font-size: 30px;}
    .kingher-box01 .pcont{font-size: 14px;}
    .kingher-title{font-size: 30px;}
    .kingher-title .pn{font-size: 14px;}
    .kingher-box04{height: auto; min-height: 160px;}
    .kingher-box04 .kingher-text{margin-top: 10px;}
    .software-case .slick-prev{left: 0;}
    .software-case .slick-next{right: 0;}
    .software-case .box{padding: 30px 20px;}
    .software-case .pcont{margin: 25px 0;}
    .software-service ul li .h2{font-size: 16px;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%;}

    .contain{padding-top: 55px;}
    .header{width: 100%; height: 55px;}
    .logo{position: absolute; left: 2%; top: 0; padding-top: 3px;}
	.logo a{width: 133px;height: 45px;}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .mess-btns{margin: 13px 40px 0 0;}
    .mess-btns a{width: auto; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px;}
    .index-numbar-box{position: relative; left: auto; bottom: auto; background-color: #fff;}
    .banner-btns{display: none;}
    .index-number{padding: 0 10px; height: 71px;}
    .index-number li{margin: 0 10px;}
    .index-number li .nub{font-size: 20px;}
    .index-number li .pd{font-size: 12px;}
    .index-banner .mouseIco{right: 10px; display: none;}
    .index-title .h2,.demand-title .h2{font-size: 20px;}
    .index-title .pn,.demand-title{font-size: 12px;}
    .sectionBox,.case-wrap,.about-box01,.contact-box{padding: 40px 0;}
    .index-service,.index-case,.index-customer,.index-more,.getmore{margin-top: 20px;}
    .index-service ul{margin: 0 -5px;}
    .index-service ul li{width: 50%; margin-top: 10px;}
    .index-service ul li .box{padding: 20px 10px; margin: 0 5px;}
    .index-service ul li .icon{width: 80px; height: 43px; background-size: 160px auto;}
    .index-service ul li .h2{font-size: 14px; margin: 10px 0 0 0;}
    .index-service ul li .pcont{font-size: 12px; height: 54px;}
    .index-case ul li{width: 50%;}
    .index-case ul li .title{height: 45px; line-height: 45px; font-size: 12px;}
    .index-case ul li .box:hover .btn-group a{height: 30px; line-height: 30px;}
    .index-customer ul li{width: 25%;}
    .demand-form{margin: 20px 0 0 0;}
    .demand-form ul li.item1,.demand-form ul li.item2,.demand-form ul li.item3,.demand-form ul li.item-submit{width: auto; float: none; margin: 10px 0 0 0;}
    .footer .foot-logos,.footer .foot-info,.footer .foot-ewm,.footer .foot-copy{width: auto; float: none;}
    .footer .foot-logos{padding: 0;}
    .footer .foot-logos img{width: 100px;}
    .footer .foot-info .call{margin: 5px 0;}
    .footer .foot-ewm ul li{margin: 0 10px 0 0; width: 100px;}
    .footer .foot-ewm ul li img{width: 90px;}
    .footer .foot-info,.footer .foot-ewm,.footer .foot-copy{margin-top: 20px;}
    .nybanner{height: 280px;}
    .nybanner img{max-width: 30%;}
    .category-nav,.search-box{width: auto; float: none;}
    .category-nav ul li{width: 50%; margin: 1px 0 0 0;}
    .category-nav ul li a{min-width: 10px; display: block; margin: 0 1px;}
    .search-box{margin-top: 20px;}
    .getmore a{min-width: 100px; height: 40px; line-height: 40px; font-size: 14px;}
    .case-details-wrap{padding: 0 0 50px 0;}
    .case-info-top{padding: 40px 0;}
    .case-name,.case-tmain{width: auto; float: none; padding: 0; border: none;}
    .case-name h1{font-size: 18px;}
    .case-tmain{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #dbdbdb;}
    .case-btns{float: none; margin-top: 20px;}
    .case-text-box{margin-top: 40px;}
    .about-box01 .index-number{width: auto;}
    .about-text{margin-top: 20px;}
    .about-box02{padding: 60px 0;}
    .about-service{margin-top: 0;}
    .about-service ul li{width: 100%; float: none; margin-top: 30px;}
    .contact-text,.contact-text .title,.contact-text .cont-info,.mess-form{width: auto; float: none;}
    .contact-text .cont-info{margin-top: 20px;}
    .mess-form ul li.item1,.mess-form ul li.item2,.mess-form ul li.item3{width: 100%; margin-right: 0;}
    .section{height: auto !important;}
    .mobText{width: auto; padding: 80px 0;}
    .mobText .th{margin-top: 15px;}
    .mobText .dl dd{margin-right: 10px;}
    .product-wrap{padding: 0;}
    .product-box{padding: 40px 0;}
    .product-box .pic,.product-box .pro-text{width: auto; float: none;}
    .product-box .pro-text{margin-top: 20px;}
    .product-box .h2,.pro-title{font-size: 20px;}
    .product-box .h3{font-size: 14px;}
    .product-box .pro-btns a,.kingher-btns a{width: 100px; height: 35px; line-height: 35px; font-size: 14px;}
    .product-box01{min-height: 100px;}
    .product-box01 .dl dd{padding-right: 20px; margin-right: 20px;}
    .product-box01 .dl dd .b,.product-box01 .dl dd .t{font-size: 12px;}
    .product-box01 .dl dd .b span{font-size: 24px;}
    .pro-customer-list{margin-top: 0;}
    .pro-customer-list ul{margin: 0 -5px;}
    .pro-customer-list ul li{width: 100%; margin-top: 20px;}
    .pro-customer-list ul li .box{margin: 0 5px; padding: 15px;}
    .pro-customer-img ul li{width: 33.333%;}
    .product-box08{padding-top: 0;}
    .product-box .pro-btns a,.kingher-btns a{margin: 0 5px;}
    .kingher-box{padding: 40px 0;}
    .kingher-box01 .h2,.kingher-title,.kingher-box .right-list .h2,.kingher-move-office ul li .h2{font-size: 20px;}
    .kingher-box01 .kingher-text{width: auto; float: none; margin-top: 30px;}
    .kingher-box01 .pcont,.kingher-text-box{font-size: 12px;}
    .kingher-box01 .pic{position: relative; right: auto; bottom: auto;}
    .kingher-text-box,.kingher-img-box,.kingher-btns,.kingher-box02 .kingher-btns{margin-top: 20px;}
    .kingher-technology{width: auto; margin-top: 20px;}
    .kingher-technology ul li .pic{width: 100%; height: auto; padding-top: 50%; float: none;}
    .kingher-technology ul li .tmain{width: auto; float: none; margin: 30px 0;}
    .kingher-technology ul li .h2{font-size: 18px;}
    .kingher-technology ul li .pcont{font-size: 12px; line-height: 24px;}
    .tab-head ul li,.kingher-move-office ul li .pcont{font-size: 14px;}
    .kingher-box .left-slide{width: 100%; float: none;}
    .kingher-box .right-list{width: auto; float: none; padding: 0;}
    .kingher-box .right-list .h2{margin-bottom: 0;}
    .owl-pagination, .owl-dots{margin-top: 10px;}
    .wechat-office{height: auto; margin: 20px 0 0 0; background: none;}
    .wechat-office ul li,.wechat-office ul li.item1,.wechat-office ul li.item2,.wechat-office ul li.item3{width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
    .wechat-office ul li{margin-top: 20px;}
    .wechat-office ul li img{max-width: 100%; margin: 0 auto 60px auto;}
    .wechat-office ul li.item2{margin-left: 0;}
    .kingher-customer{margin-top: 5px;}
    .kingher-customer ul li{width: 33.333%;}
    .kingher-oa{margin-top: 0;}
    .kingher-oa ul li{width: 100%; margin-top: 20px;}
    .kingher-move-office ul li .pic,
    .kingher-move-office ul li:nth-child(even) .pic,
    .kingher-move-office ul li.on .pic,
    .kingher-move-office ul li .tmain,
    .kingher-move-office ul li:nth-child(even) .tmain,
    .kingher-move-office ul li.on .tmain{width: auto; float: none;}
    .kingher-move-box .item img{width: 100px;}
    .kingher-move-value ul li{margin-top: 20px;}
    .free-trial-box{max-width: 95%; padding: 30px 20px; -webkit-box-sizing: border-box;box-sizing: border-box;}
    .free-trial-box .title{font-size: 20px;}
    .free-trial-box .h3{font-size: 12px; margin: 10px 0;}
    .free-trial-box .th,.free-trial-box .td{display: block;}
    .free-trial-box .td{margin-top: 5px;}
    .free-trial-box .free-text,.free-trial-box .free-w37{max-width: 280px;}
    .free-trial-box .ps{display: block;}
    .kingher-box01 .h2{font-size: 22px;}
    .kingher-box01 .pcont{font-size: 12px; margin-top: 2px;}
    .kingher-title{font-size: 22px;}
    .kingher-title .pn{font-size: 14px;}
    .kingher-box04{height: auto; min-height: 160px;}
    .kingher-box04 .kingher-text{margin-top: 25px;}
    .software-case{margin-top: 20px;}
    .software-case .slick-prev{left: 0;}
    .software-case .slick-next{right: 0;}
    .software-case .slick-list{margin: 0 -5px;}
    .software-case .box{padding: 20px 15px; margin: 0 5px;}
    .software-case .icon{border: 1px solid #4fa7df; width: 50px; height: 50px;}
    .software-case .h2{font-size: 16px;}
    .software-case .pcont{margin: 10px 0; font-size: 12px; line-height: 22px; height: 150px;}
    .software-case .more{width: 90px; height: 30px; line-height: 30px; font-size: 12px;}
    .software-service{margin-top: 0;}
    .software-service ul{margin: 0 -5px;}
    .software-service ul li{width: 50%; margin-top: 10px;}
    .software-service ul li .box{margin: 0 5px;}
    .software-service ul li.first .box{height: 350px;}
    .software-service ul li .h2{font-size: 16px;}
    .software-tab,.software-box{margin-top: 20px;}
    .software-tab ul li{padding: 0 6px; line-height: 12px;}
    .software-tab ul li a{font-size: 13px;}
}