.layout{width: 85.15%; 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;}
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('../font/dincondensedc.eot');
    src: local('☺'),
        url('../font/dincondensedc.woff') format('woff'),
        url('../font/dincondensedc.ttf') format('truetype'),
        url('../font/dincondensedc.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 100px; position: fixed; left: 0; top: 0; z-index: 1000;}
.logo{float: left; padding-top: 30px;}
.logo a{display: block; width: 368px; height: 39px; font-size:0; background-image: url(../image/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.nav{float: right; height: 100px;}
.nav ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 40px;}
.nav ul li>a{display: block; font-size: 16px; color: #fff; height: 100px; line-height: 100px; position: relative;}
.nav ul li>a:after{content:""; display: block; width: 100%; height: 2px; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: 1; 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 .nav-body{width: 100%; height: 50px; line-height: 50px; background-color: #fff; border-top:1px solid #e6e6e6; position: absolute; left: 0; top: 100px; z-index: 50; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.nav ul li .nav-body a{font-size: 14px; color: #666; margin-right: 30px;}
.nav ul li .nav-body a:hover{color: #e41700;}
.nav ul li .nav-body a{margin-left: 10px; opacity: 0; transition: 0.5s;}
.nav ul li .nav-body a:nth-child(1){transition-delay: 150ms;}
.nav ul li .nav-body a:nth-child(2){transition-delay: 250ms;}
.nav ul li .nav-body a:nth-child(3){transition-delay: 350ms;}
.nav ul li .nav-body a:nth-child(4){transition-delay: 450ms;}
.nav ul li .nav-body a:nth-child(5){transition-delay: 550ms;}
.nav ul li .nav-body a:nth-child(6){transition-delay: 650ms;}
.nav ul li .nav-body a:nth-child(7){transition-delay: 750ms;}
.nav ul li .nav-body a:nth-child(8){transition-delay: 850ms;}
.nav ul li.ative .nav-body a{margin-left: 0; opacity: 1;}
.nav ul li .box{width: 704px; float: right;}
.nav ul li:nth-child(2) .box{width: 890px;}
.nav ul li:nth-child(3) .box{width: 783px;}
.nav ul li:nth-child(4) .nav-body,.nav ul li:last-child .nav-body{display: none;}
.nav ul li:nth-child(5) .box{margin-right: 472px; text-align: right;}
.nav ul li:nth-child(6) .box{margin-right: 366px; text-align: right;}
.nav ul li:last-child .box{margin-right: 149px; text-align: right;}
.nav ul li .nav-body{transform-origin: 250% 0%; transform: perspective(1920px) rotateX(-40deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.nav ul li.ative .nav-body{opacity: 1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.callNum{float: right; height: 100px; line-height: 100px;}
.callNum span{font-family: "Arial"; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../image/callnum.png) left center no-repeat;}
.header:hover,.header-hover,.header-hover1,.fixed-nav{background-color: #fff; -webkit-box-shadow: 10px 0px 10px rgba(0,0,0,0.07); box-shadow: 10px 0px 10px rgba(0,0,0,0.07);}
.header:hover .logo a,.header-hover .logo a,.header-hover1 .logo a,.fixed-nav .logo a{background-image: url(../image/logo_h.png);}
.header:hover .nav ul li>a,.header-hover .nav ul li>a,.header-hover1 .nav ul li>a,.fixed-nav .nav ul li>a{color: #000;}
.header:hover .callNum span,.header-hover .callNum span,.header-hover1 .callNum span,.fixed-nav .callNum span{color: #e41700; background: url(../image/callnum.png) left center no-repeat;}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 4px; 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: 21px; height: 1px; background-color: #000; 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: 15px;}
.btn-m-list .burger-3{top: 33px; width: 10px;}
.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,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.neirong{width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 1000; overflow-y: auto; touch-action: pan-y;-webkit-user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.neirong .neirong-bd{padding: 50px 50px 20px 50px; visibility: hidden;}
.neirong li{border-bottom: 1px solid #333; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;}
.neirong li>a{display: block; height: 47px; line-height: 47px; color: #fff; font-size: 16px;}
.neirong li.on>a{color: #fff;}
.neirong.neirong-on{left: 0;}
.neirong-close{width: 24px; height: 24px; background: url(../image/nav_close.png) no-repeat 7px center; position: absolute; top: 20px; left: 10px; visibility: hidden;}
.neirong.neirong-hide{
    background-color: rgba(0,0,0,.8);
    height: 0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    transition:background 0.35s linear,height 0.25s ease-in 200ms;}
.neirong.neirong-show{background-color: #000; height: 100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide li,.neirong.neirong-hide .subcall span{
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
}
.neirong.neirong-show li,.neirong.neirong-show .subcall span{opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.neirong li:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong li:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong li:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong li:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong li:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong li:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong li:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong li:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong li:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong li:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}
.neirong .subnav{display: none;}
.neirong .subnav a{display: block; font-size: 14px; color: #aaa; padding: 10px 0;}
.neirong .subcall{padding: 0 50px; }
.neirong .subcall span{-webkit-transition-delay: 850ms,850ms; transition-delay: 850ms,850ms; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;}
.neirong .subcall span{font-family: "Arial"; display: block; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../image/callnum.png) left center no-repeat;}

/* 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-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;}
.bannerBox{width: 100%; height: 100%; position: relative; z-index: 1;}
.banner{width: 100%; height: 100%; position: relative;}
.banner .slideshow{width: 100%; height: 100%; position: relative; z-index: 1;}
.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 .pimg{width: 100%; height: 100vh; background-image: url(../image/nban_mobile.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.banner .banText{width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; _margin-top: -124px; transform: translateY(-50%);}
.banner .banText .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.banner .banText .h2 i{color: #e41700;}
.banner .banText .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.banner .banText .h2,.banner .banText .pn{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .banText .pn{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);}
.mouseIco{width: 52px; height: 52px; border: 1px solid #fff; border-radius: 50%; display: block; margin-top: 60px; position: relative; cursor: pointer;}
.mouseIco i{display: block; width: 8px; height: 15px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background: url(../image/mouseico_i.png) no-repeat; -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(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.bannerNumBar{
    width: 100%;
    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;}
.bannerNumBar .digital{
    background-color: #fff;
    overflow: hidden;
    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;}
.bannerNumBar .digital.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);}
.bannerNumBar ul li{width: 33.333%; height: 130px; padding-top: 40px; float: left; text-align: center;}
.bannerNumBar ul li.item1{text-align: left;}
.bannerNumBar ul li .box{display: inline-block; text-align: left; margin: 0 100px;}
.bannerNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 60px; font-weight: bold; color: #e41700; line-height: 1.1;}
.bannerNumBar ul li .pn{font-size: 16px; color: #666;}
.bannerNumBar ul li.item2{text-align: center;}
.bannerNumBar ul li.item2 .num{color: #0163d1;}
.bannerNumBar ul li.item3{text-align: right;}
.bannerNumBar ul li.item3 .num{color: #eca50b;}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; background-color: #fff; padding: 80px 0 120px 0; position: relative; z-index: 1;}
.section01{background-color: #fff; border-bottom: 1px solid #f4f4f4;}
.indexTitle{width: 100%; text-align: center;}
.indexTitle h2{font-size: 36px; font-weight: bold; color: #000; line-height: 1.1;}
.indexTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.inBusiness{width: 100%; margin-top: 50px;}
.inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.inBusiness ul li.item1{background-color: #000;}
.inBusiness ul li.item2{background-color: #1cba75;}
.inBusiness ul li.item3{background-color: #f3f3f3;}
.inBusiness ul li.item4{background-color: #e41700;}
.inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness ul li.item1:hover .box{background-color: rgba(0,0,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}
.inBusiness ul li.item2:hover .box{background-color: rgba(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.inBusiness ul li.item3:hover .box{background-color: rgba(243,243,243,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);}
.inBusiness ul li.item3:hover .tit{background: url(../image/inbusiness_more_h.png) right center no-repeat;}
.inBusiness ul li.item3 .dl dd .a{border-color: #000; color: #333;}
.inBusiness ul li.item4:hover .box{background-color: rgba(228,23,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #e41700;}
.inBusiness ul li .tit{font-size: 28px; color: #fff; padding-right: 45px;}
.inBusiness ul li .tit p{font-size: 14px; color: #c4c4c4;}
.inBusiness ul li.item3 .tit{color: #000;}
.inBusiness ul li.item3 .tit p{color: #7a7a7a;}
.inBusiness ul li:hover .tit{background: url(../image/inbusiness_more.png) right center no-repeat;}
.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}
.inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;}
.inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;}
.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{background-color: #e41700; border-color: #e41700; color: #fff;}

.section02{background-color: #f4f4f4;}
.incaseTab{width: 100%; text-align: center; margin-top: 10px;}
.incaseTab ul li{display: inline-block;_display: inline;zoom:1; padding-right: 25px; margin-right: 25px; background: url(../image/incasetab_li.png) right center no-repeat;}
.incaseTab ul li:nth-last-child(1){background: none; margin-right: 0;}
.incaseTab ul li a{font-size: 18px; color: #666;}
.incaseTab ul li.on a{color: #e41700;}
.indexCase{width: 100%; margin-top: 50px; overflow: hidden;}
.indexCase .box{display: none;}
.indexCase ul li{width: 25%; float: left;}
.indexCase ul li .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.indexCase ul li .pic img{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;}
.indexCase ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg{visibility: visible; opacity: 1;}
.indexCase ul li .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg img{transform: translateY(0);}
.indexCase ul li .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.indexCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.indexCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.indexCase ul li h2{font-size: 18px; font-weight: bold; color: #000;}
.indexCase ul li p{font-size: 14px; color: #999;}
.indexCase ul li:hover h2,.indexCase ul li:hover p{color: #fff;}
.indexCase ul li .icon{width: 22px; height: 22px; background: url(../image/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.indexCase ul li:hover .icon{background: url(../image/case_more_h.png) no-repeat;}
.indexBtns{width: 100%; margin-top: 55px; text-align: center;}
.indexBtns a{display: inline-block; min-width: 194px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius: 25px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;}
.indexBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.indexBtns a:hover:after,.indexBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section03{background-color: #fff;}
.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}
.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}
.indexPartner ul li img{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;}
.indexPartner ul li: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);}
.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.section04{background-color: #f4f4f4;}



.wlDemand{width: 100%; background-color: #fff; padding: 80px 0 120px 0; position: relative; z-index: 1;}
.wlDemand .indexTitle{text-align: left;}
.wlDemand .indexTitle p{font-size: 14px;}
.wlform{margin: 30px 0 10px 0;}
.wlform ul li{/*width: 455px;*/ width: 27.95%; float: left; margin-right: 0.38333%;}
.wlform ul li.itemSub{/*width: 224px;*/ width: 15%; float: left; margin-right: 0;}
.wlform ul li .bwtext{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #ececec; padding: 0 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.wlform ul li .bwtext:focus{border-color: #e41700;}
.wlform ul li .bwsele{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #ececec; padding-left: 20px;}
.wlform ul li .bwsele{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;}
.wlform ul li .bwsele::-ms-expand{display:none;}
.wlform ul li .submit{width: 100%; height: 55px; background-color: #e41700; border: 2px solid #e41700; 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;}
.wlform ul li .submit:hover{background-color: #000; border-color: #000;}
.italic{font-size: 12px; color: #999;}


/*index news*/
.abinew{ width:100%; height:auto; background:#eeeeee;padding:80px 0 60px 0;}
.abinewt{ text-align:center; font-size:36px; color:#333333;}
.abinewcate{ padding:35px 0; text-align:center;}
.abinewcate ul li{ display:inline-block; padding:0 30px; background:url(../image/ab_li_bg.jpg) no-repeat right 50%; line-height:28px;}
.abinewcate ul li:last-child{ background:0;}
.abinewcate ul li a{ display:inline-block; padding:0 10px; line-height:28px;border-bottom:3px #eeeeee solid; font-size:14px;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewcate ul li a:hover{ color:#e40311; border-bottom:3px #e40311 solid;}
.abinewcate ul li a.inewscatecurr{ color:#e40311; border-bottom:3px #e40311 solid;}

.abinewcaaa{ position:relative; overflow:hidden;}
.abinewc{ padding-top:10px; padding-bottom:40px;}
.abinewcl{ width:37%; height:auto; background:#fff;transition: all .4s ease-out;}
.abinewcl .abinewclc a{ display:block; padding:5%; background:#fff;}
.abinewclc_img{ width:100%; height:auto;}
.abinewclc_img img{ width:100%; height:auto;}
.abinewclc_c{ padding-bottom:5%; padding-top:25px;}
.abinewclc_cl{ width:77%; padding-right:3%; border-right:1px #a4a4a4 solid;}
.abinewclc_clt{ font-size:18px; color:#000000; line-height:28px; height:28px; overflow:hidden;}
.abinewclc_cli{ line-height:24px; color:#666666; margin-top:8px; height:48px; overflow:hidden;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}

.abinewclc_cr{ width:17%; height:auto; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:28px;}
.abinewclc_cr_t{ font-size:40px; padding-top:15px;}
.abinewclc_cr_i{}
.abinewcl:hover{transform: translate3d(0, -5px, 0);box-shadow: 0 8px 35px rgba(0, 0, 0, .2);}

.abinewcr{ width:60%; height:auto; background:#fff;}
.abinewcr ul li{height:auto; float:left; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid;width: calc(50% - 1px);width: -moz-calc(50% - 1px);width: -webkit-calc(50% - 1px);}
.abinewcr ul li a{ padding:8.7% 10%; display:block;transition: all .4s ease-out;}
.abinewcrl{ width:17%; height:auto; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:28px;}
.abinewclc_cr_t{ font-size:42px; padding-top:10px; height:auto;}
.abinewclc_cr_i{}
.abinewcrr{ width:81%; height:auto;}
.abinewcrr_t{ font-size:18px; color:#000000; line-height:28px; height:28px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.abinewcrr_i{ line-height:24px; color:#666666; margin-top:8px; height:48px; overflow:hidden;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewcr ul li a:hover{box-shadow: 0 8px 35px rgba(0, 0, 0, .2);}
.abinewcr ul li a:hover .abinewcrl{ color:#e40311;}

.abinewm{ text-align:center;}
.abinewm a{ display:inline-block; padding-right:40px; line-height:30px; color:#3e3e3e; font-size:14px; background:url(../image/ab_more_icon.png) no-repeat right 50%;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewm a:hover{ color:#ff4343;background:url(../image/ab_more_icon2.png) no-repeat right 50%;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left:5%; text-align:left; bottom:5%;}
.swiper-pagination-bullet{ background:#737373; opacity:1;}
.swiper-pagination-bullet-active{background:#e40311;}

.hideaa{visibility: hidden;position: absolute;z-index: -1;height: 0;}




/*footer*/
.footer{width: 100%; background-color: #191618; /*background-image: url(../images/footerbg.jpg);*/position:relative; z-index:1; overflow:hidden; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.footer .layout{position:relative;}
.footer .footertext{z-index:10;position:relative;background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.footer .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;z-index:1;}
.footer video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:1; -webkit-transition: opacity 4.0s; -moz-transition: opacity 4.0s; -ms-transition: opacity 4.0s; -o-transition: opacity 4.0s; transition: opacity 4.0s;}
.footer .footTou{padding: 77px 0 60px 0;}
.footer .ftlogos{width: 240px; float: left; font-size: 14px; color: #666;}
.footer .ftlogos p{margin-top: 10px;}
.footer .ftewm{width: 119px; float: right; text-align: center; font-size: 14px; color: #666;}
.footer .ftlinks{/*width: 840px;*/ width: 60.6%; float: right; overflow: hidden; word-break: break-all; word-wrap: break-word;}
.footer .dl{width: 16.666%; float: left;}
.footer .dl dt{font-size: 16px; color: #fff; padding: 0 35px 10px 0; position: relative;}
.footer .dl dt:after{content:" / "; display: block; font-size: 16px; color: #fff; position: absolute; right: 45px; top: 0;}
.footer .dl:nth-last-child(1) dt:after{display: none;}
.footer .dl dd{margin-top: 10px; padding-right: 10px; font-size: 14px;}
.footer .dl dd a{color: #fff;}
.footer .dl dd a:hover{color: #e41700;}
.footer .footBom{width: 100%; padding: 20px 0; border-top: 1px solid #424242; overflow: hidden;zoom: 1;}
.footer .ftCopy{width: 50%; float: left; text-align: left; font-size: 12px; color: #424242;}
.footer .bdsharebuttonbox{width: 40%; float: right; text-align: right;}
.footer .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 0 0 7px; padding: 0; float: none; display: inline-block; background-image: url(../image/share.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;}
.dowebok .section{width: 100%; height: 100vh;}


/*myTop*/
.myTop{width: 66px; position: fixed; _position: absolute; right: 0; bottom: 5%; z-index: 100;}
.myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;}
.myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;}
.myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e41700;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0\9;
    filter: alpha(opacity=0)\9;
}
.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
.myTop ul li .t{display: block; margin-top: 7px;}
.myTop ul li.myMess .icon{background-image: url(../image/mymess.png);}
.myTop ul li.myNum .icon{background-image: url(../image/mynum.png);}
.myTop ul li.mySer .icon{background-image: url(../image/myser.png);}
.myTop ul li.GoTop .icon{background-image: url(../image/gotop.png);}
.myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size: 16px; color: #fff; background-color: #e41700; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{left: -200px;}


/*website*/
#fp-nav{display: none;}
.section{overflow: hidden;zoom: 1;}
.section .webPic{width: 63.5%; height: 100%; float: right; position: relative;}
.section .webPic 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;}
.section .webTmain{width: 36.5%; text-align: right; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.section .webBox{max-width: 512px; margin: 0 40px; display: inline-block; text-align: left;}
.section .webTmain .h2{font-size: 48px; font-weight: bold; color: #000; line-height: 1.1;}
.section .webTmain .h3{font-size: 24px; color: #000;}
.section .webTmain .pn{font-size: 14px; color: #999; margin-top: 10px; height: 84px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.section .webBtns{width: 100%; margin-top: 60px;}
.section .webBtns a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #333; background-color: #fff; text-align: center; overflow: hidden; position: relative; z-index: 1;}
.section .webBtns a:hover,.section .webBtns a.on{color: #fff;}
.section .webBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.section .webBtns a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section .webBrand{width: 100%; margin-top: 65px;}
.section .webBrand ul li{width: 33.333%; float: left; margin-top: 1px;}
.section .webBrand ul li span{display: block; padding-top: 45%; margin-right: 1px; position: relative;}
.section .webBrand ul li span img{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;}
.i-wrap1,.i-wrap3,.i-wrap5,.i-wrap7{background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat;}
.i-wrap2,.i-wrap4,.i-wrap6{background-color: #f2f2f2;}
.i-wrap3{background-image: url(../image/webbox03.jpg);}
.i-wrap3 .webPic,.i-wrap5 .webPic,.i-wrap7 .webPic{float: left;}
.i-wrap3 .webTmain,.i-wrap5 .webTmain,.i-wrap7 .webTmain{float: right; text-align: left; left: auto; right: 0;}
.i-wrap3 .webTmain .h2,.i-wrap3 .webTmain .h3,.i-wrap5 .webTmain .h3,.i-wrap5 .webTmain .h2,.i-wrap7 .webTmain .h3,.i-wrap7 .webTmain .h2{color: #fff;}
.i-wrap3 .webTmain .pn,.i-wrap5 .webTmain .pn,.i-wrap7 .webTmain .pn{color: #fff; opacity: .5;}
.i-wrap5{background-image: url(../image/webbox05.jpg);}
.i-wrap7{background-image: url(../image/webbox07.jpg);}
.active .banner .banText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .banner .banText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1.2s; -webkit-animation-duration: 1.2s;}

.active .webPic{
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .webBox{
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@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;}

/*mobile*/
.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(../image/20190531102635e0.jpg);}
.m-wrap3{background-image: url(../image/201905311031357f.jpg);}
.m-wrap4{background-image: url(../image/20190531103154dd.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;}

/*case*/
.nybanner{width: 100%; height: 760px; position: relative; overflow: hidden; background-image: url(../image/nban_news.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.nybanner .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.nybanner .h2 i{color: #e41700;}
.nybanner .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.caseWrap{width: 100%; background-color: #fff; padding-top: 100px;}
.caseDetails{padding: 80px 0 56px 0;}
.caseTextBox{padding: 90px 190px; margin-bottom: 24px; background-color: #f6f6f6;}
.caseTextBox img{max-width: 100%; margin: 0 auto;}
.caseTextBox .caseTitle{width: 340px; float: left;}
.caseTextBox .caTit{font-size: 36px; font-weight: bold; color: #000;}
.caseTextBox .line{width: 33px; height: 3px; display: block; background-color: #000; margin-top: 5px;}
.caseTextBox .caseInfo{width: 590px; float: right;}
.caseTextBox .caText{font-size: 14px; color: #333; line-height: 30px; text-align: justify; text-justify: inter-ideograph;}
.caseTextBox .caTage{font-size: 12px; color: #999; line-height: 20px; margin-top: 40px;}
.caseTextBox .Btns{display: block; width: 112px; height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 2px solid #000; border-radius: 25px; margin-top: 15px; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.caseTextBox .Btns:hover{color: #fff;}
.caseTextBox .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.caseTextBox .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseTextBox .mobewm{width: 100px; text-align: center; font-size: 12px; color: #999; margin-top: 15px;}
.caseTextBox .mobewm img{width: 100%; margin-bottom: 3px;}
.caseDetailsBom{padding: 65px 0 80px 0; background-color: #f6f6f6;}
.caseRecoomlist{width: 100%; margin-top: 45px;}
.caseRecoomlist .box{display: block; margin: 0 15px; background-color: #fff;}
.caseRecoomlist .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.caseRecoomlist .pic img{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;}
.caseRecoomlist .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg{visibility: visible; opacity: 1;}
.caseRecoomlist .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg img{transform: translateY(0);}
.caseRecoomlist .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.caseRecoomlist .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.caseRecoomlist .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseRecoomlist h2{font-size: 18px; font-weight: bold; color: #000;}
.caseRecoomlist p{font-size: 14px; color: #999;}
.caseRecoomlist .box:hover h2,.caseRecoomlist .box:hover p{color: #fff;}
.caseRecoomlist .icon{width: 22px; height: 22px; background: url(../image/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.caseRecoomlist .box:hover .icon{background: url(../image/case_more_h.png) no-repeat;}
.caseRecoomlist .slick-dots{width: 100%; text-align: center; margin-top: 15px;}
.caseRecoomlist .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.caseRecoomlist .slick-dots li button{display: none;}
.caseRecoomlist .slick-dots li.slick-active{background-color: #e41700;}
.app-list ul li .pic{padding-top: 56%;}
.app-list ul li .bg,.app-list ul li .hidden{display: none;}
.sl-overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; opacity: 1; display: none; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.sl-wrapper .sl-close{position: fixed; right: 30px; top: 30px; z-index: 4000; font-size: 0; width: 88px; height: 88px; background: url(../image/app-close.png) no-repeat;}
.sl-wrapper .sl-navigation button{position: fixed; top: 50%; margin-top: -23px; width: 50px; height: 46px; font-size: 0; z-index: 4000;}
.sl-wrapper .sl-navigation button.sl-prev{left: 30px; background: url(../image/app-prev.png) no-repeat;}
.sl-wrapper .sl-navigation button.sl-next{right: 30px; background: url(../image/app-next.png) no-repeat;}
.font-48{font-size: 48px; line-height: 1;}
.alert-action{position: fixed; top: 70px; left: 96px; z-index: 2000; width: 88px; height: 88px; background: url(../image/app-close.png) no-repeat; cursor: pointer;}
.lb-nav a.lb-prev{background: url(../image/app-prev.png) left 48% no-repeat;}
.lb-nav a.lb-next{background: url(../image/app-next.png) right 48% no-repeat;}

.pagelist ul{text-align:center;margin:60px 0 30px;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover,.pagelist li.active a{border-color:#e41700;background:#e41700;color:#fff;}




/*about*/
.abbanner{width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #000; background-image: url(../image/nban_about.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.mouseBtns{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer;}
.mouseBtns i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}


.about-box01{width: 100%; background-color: #fff; padding: 120px 0;}
.about-box01 .about-tm{max-width: 910px; margin: 0 auto; text-align: center;}
.about-box01 .about-tm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box01 .about-tm .h3{font-size: 14px; color: #666; line-height: 30px;}
.about-box01 .IndexList{width: 70%; padding-top: 30px;}
.about-box02{width: 100%; height: 676px; background-image: url(../image/about03.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.about-box02 .about-xzwm{max-width: 1295px; margin: 0 auto; padding-top: 70px; text-align: center;}
.about-box02 .about-xzwm .h2{font-size: 36px; color: #fff; margin-bottom: 10px;}
.about-box02 .about-xzwm .h3{font-size: 16px; color: #d9d9d9;}
.about-box02 .about-xzwm .abul li{width: 21%; max-width: 270px; float: left; margin-top: 120px; margin-right: 18%; margin-right: 11%\0;}
.about-box02 .about-xzwm .abul li .co{display: block; width: 120px; height: 120px; border: 1px solid #fff; border-radius: 100%; margin: 0 auto; background-image: url(../image/about04.png); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .5s ease;transition: all .5s ease;}
.about-box02 .about-xzwm .abul li:hover .co{background-position: 0 -120px; border-color: #dc1010;}
.about-box02 .about-xzwm .abul li .c1{background-position: 0 0;}
.about-box02 .about-xzwm .abul li .c2{background-position: -120px 0;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position: -120px -120px;}
.about-box02 .about-xzwm .abul li .c3{background-position: -240px 0;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position: -240px -120px;}
.about-box02 .about-xzwm .abul li .t{display: block; font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;}
.about-box02 .about-xzwm .abul li p{font-size: 14px; color: #c4c4c4;}
.about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right: 0;}
.about-box03{width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; padding: 120px 0;}
.about-box03 .about-xzwm{max-width: 1295px; margin: 0 auto; text-align: center;}
.about-box03 .about-xzwm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box03 .about-xzwm .h3{font-size: 14px; color: #666; line-height: 30px;}
.ab-team ul li{width: 30%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-top: 5%; margin-right: 5%; margin-right: 3%\0;}
.ab-team ul li:nth-of-type(3n){margin-right: 0;}
.ab-team ul li .pic{width: 100%; overflow: hidden;}
.ab-team ul li .pic img{width: 100%; display: block;}
.ab-team ul li .tmask{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 5; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); -webkit-transition: all .5s ease;transition: all .5s ease;}
.ab-team ul li:hover .tmask{visibility: visible; opacity: 1;}
.ab-team ul li .tm{padding: 35px; text-align: left; transform: translateX(0) translateY(10%); -webkit-transition: all .8s ease;transition: all .8s ease;}
.ab-team ul li:hover .tm{transform: translateX(0) translateY(0);}
.ab-team ul li .tm .n1{font-size: 24px; font-weight: bold; color: #fff;}
.ab-team ul li .tm .n2{font-size: 16px; color: #fff; display: block;}
.ab-team ul li .tm .line{display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 10px; margin-bottom: 30px;}
.ab-team ul li .tm p{font-size: 14px; color: #fff; margin-bottom: 10px;}
.IndexList{width: 440px; margin: 0 auto; display: table; position: relative; -webkit-transition: all .8s ease-out 0s;transition: all .8s ease-out 0s;}
.IndexList ul{font-size: 0; padding-top: 30px;}
.IndexList li{display: inline-block; width: 33.33%; text-align: center; position: relative;}
.IndexList li i{font-size: 16px; color: #000;}
.IndexList li span{display: block; font-size: 14px; color: #666; letter-spacing: 4px;}
.nub{font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block;}
.NumContent{height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.IndexList.active{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}


/*contact*/
.contact-box01{width: 100%; background-color: #fff; padding: 230px 0 190px 0;}
.contact-box01 .h2{font-size: 24px; color: #333;}
.contact-box01 .pn{margin-top: 10px;}
.contact-box01 .pim img{max-width: 100%; display: block;}
.contact-box01 .line{width: 43px; height: 2px; display: block; background-color: #333; margin: 50px 0;}
.contact-box01 .pe{margin-bottom: 10px;}
.contact-box01 .btns{width: 188px; height: 55px; line-height: 55px; text-align: center; background-color: #333; font-size: 12px; color: #fff; overflow: hidden; display: block; margin-top: 90px; position: relative; z-index: 1;}
.contact-box01 .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.contact-box01 .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.contact-box02{width: 100%; padding: 190px 0 120px 0; background-color: #000; background-image: url(../image/contact-box02.jpg); background-attachment: fixed; background-position: center top; background-repeat: no-repeat;}
.cont-info{width: 100%; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #1e1e1d; border-bottom: 1px solid rgba(255,255,255,.1);}
.cont-info ul li{width: 50%; float: left;}
.cont-info ul li{font-size: 16px; color: #fff;}
.cont-info ul li .tn{font-size: 14px; color: #ccc; display: block; margin: 5px 0;}
.cont-tips{font-size: 12px; color: #fff;}
.cont-tips span{color: #ccc;}
.cont-form{width: 100%; min-height: 575px; position: relative;}
.cont-form ul li{/*width: 755px;*/ width: 46.35%; margin-top: 30px;}
.cont-form ul li .tit{font-size: 14px; color: #fff; height: 30px; line-height: 30px;}
.cont-form ul li .tit i{color: #f00;}
.cont-form ul li .cont-text,.cont-form ul li .cont-teat,.cont-form ul li .cont-sele{width: 100%; height: 40px; line-height: 40px; background: none; border: 2px solid #808080; padding: 0 10px; font-size: 14px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.cont-form ul li .cont-teat{height: 540px; padding: 5px 10px; line-height: 24px;}
.cont-form ul li .cont-text:focus,.cont-form ul li .cont-teat:focus{border-color: #fff;}
.cont-form ul li.item-teat{position: absolute; right: 0; top: 0;}
.cont-form ul li .cont-sele{color: #999;}
.cont-form ul li.item-submit{margin-top: 40px;}
.cont-form ul li .btns{/*width: 364px;*/ width: 48.3%; height: 50px; border: none; background-color: #b8b8b8; font-size: 16px; color: #333; cursor: pointer; float: left;}
.cont-form ul li .btns:hover,.cont-form ul li .reset{background-color: #e41700; color: #fff;}
.cont-form ul li .reset{float: right;}



/*news*/

.wrap {width:1170px;margin:0 auto;}
.news_list {margin-top:50px;}
.news_list li {padding:20px 0;border-bottom:1px solid #e3e3e3;}
.news_list li a {display:block;overflow:hidden;}
.news_pic {float:left;width:280px;}
.news_pic img {width:100%;height:160px;}
.news_txt {float:right;width:870px;}
.news_txt h6 {font-size:18px;padding:5px 0;}
.news_txt p {margin:15px 0;line-height:1.8;font-size: 14px;color:#666666;overflow: hidden;}
.news_txt span {display:block;color:#000;}
.news_txt span em {padding-left:20px;}
.news_txt span .icon_1 {background: url(../image/icon_1.jpg) no-repeat left 50%;}
.news_txt span .icon_2 {background: url(../image/icon_2.jpg) no-repeat left 50%;}
    
.show_tit {text-align:center;font-size:24px;color:#000;}
.show_des {text-align:center;color:#000;}
.show_des em {padding-left:20px;}
.show_des .icon_1 {background: url(../image/icon_1.jpg) no-repeat left 50%;}
.show_des .icon_2 {background: url(../image/icon_2.jpg) no-repeat left 50%;}
.show_con {font-size:16px;line-height:1.6;padding:35px 0;}
.show_con p,.show_con div {margin-bottom:10px;}
.show_con img {max-width:100%;height:auto !important;}
.spage p {line-height:1.5;font-size:16px;color:#222;padding:5px 0;}



/*Mobile Css*/
@media screen and (max-width:1600px){
    .logo a{width: 220px;}
    .nav ul li{margin-right: 26px;}
    .nav ul li .box{width: 644px;}
    .nav ul li:nth-child(2) .box{width: 794px;}
    .nav ul li:nth-child(3) .box{width: 700px;}
    .nav ul li:nth-child(5) .box{margin-right: 430px;}
    .nav ul li:nth-child(6) .box{margin-right: 338px;}
    .nav ul li .nav-body a{margin-right: 15px;}
    .bannerNumBar ul li{height: 110px; padding-top: 20px;}
    .inBusiness ul li .box{padding: 40px 30px;}
    .mobText{padding-top: 150px;}
	
	.abinewcl {width:39%;}
	.abinewclc_cr,.abinewcrl {text-align:center;}
	.abinewcr ul li a {padding:7.7%;}

	
	
}
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }

    .header{height: 80px;}
    .logo{padding-top: 17px;}
    .nav ul li>a{height: 80px; line-height: 80px;}
    .nav ul li .nav-body{top: 80px;}
    .callNum{height: 80px; line-height: 80px;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 50px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .bannerNumBar ul li .pn{font-size: 14px;}
    .inBusiness ul li .box{height: 380px;}
    .wlDemand{padding: 80px 0;}
    .dowebok .wlDemand{padding: 130px 0 20px 0;}
    .nybanner{height: 528px;}
    .nybanner .h2{font-size: 34px;}
    .footer .ftlinks{width: 640px;}
    .footer .dl dt{font-size: 14px; padding-right: 20px;}
    .footer .dl dt:after{right: 20px;}
    .footer .dl dd{font-size: 12px;}
    .section .webTmain{width: 47.5%;}
    .section .webPic{width: 52.5%;}
    .section .webTmain .h2,.mobText .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{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;}
    .caseTextBox{padding: 60px 40px;}
    .contact-box01{padding: 120px 0;}
}
@media screen and (min-width:769px) and (max-width:1199px){
    .layout { width: 750px; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logo{position: absolute; left: 3%; top: 0; padding-top: 0;}
    .logo a{width: 120px; height: 60px; background-image: url(../image/logo_h.png);}
    .nav,.callNum,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 20px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .aboutNumBar ul li .num{font-size: 60px;}
    .indexTitle h2,.aboutTitle .h2,.nybanner .h2{font-size: 24px;}
    .aboutUs .h2{font-size: 20px;}
    .nybanner .pn,.aboutNumBar ul li .pn,.bannerNumBar ul li .pn{font-size: 14px;}
    .aboutUs .pn{font-size: 12px;}
	
    .inBusiness ul li .box{height: 380px;}
    .inBusiness ul li{width: 50%;}
    .indexCase ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.caseTextBox .caseTitle,.caseTextBox .caseInfo{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li:hover,.newslist ul li:hover a{box-shadow: none; transform: none; transition: none;}
    .indexnwlist ul li a{padding: 20px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont{font-size: 12px; height: 87px;}
    .indexnwlist ul li .time{margin-top: 20px;}
    .wlform ul li{width: 25.95%;}
    .wlform ul li.itemSub{width: 20%;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webTmain,.section .webPic{width: auto; float: none;}
    .section .webPic img{position: relative; max-width: 60%;}
    .section .webTmain{padding: 40px; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{margin: 0 auto; display: block;}
    .section .webTmain .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .nybanner,.abbanner{height: 600px !important;}
    .mobText{padding: 150px 0;}
    .caseWrap{padding-top: 60px;}
    .caseTextBox{padding: 40px 20px;}
    .caseTextBox .caseInfo{margin-top: 20px;}
    .newsTou .indexnwlist ul li a,.newslist ul li a{padding: 30px 20px;}
    .newslist ul li{width: 50%; margin: 16px 0 0 0;}
    .newsleft{width: 74%;}
    .newsdetail{padding: 40px 20px 50px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsright{width: 25%;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .contact-box01,.contact-box02{padding: 110px 0 120px 0;}
    .aboutNumBar ul li .box{width: 197px;}
    .aboutSer ul li .h2{width: 115px;}
    .aboutSer ul li .pn{width: 320px;}
}
@media screen and (max-width:1199px){
	.wrap {width:970px;}
	.news_txt {width:670px;}
	.news_txt p {line-height:1.6;}
	.abinewcl {display:none;}
	.abinewcr {width:auto;float:none;}
	.abinewt {font-size:24px;font-weight: bold;color: #000;}
	.abinewcate {padding:10px 0;}
	
}
@media screen and (max-width:991px){
	.wrap {width:750px;}
	.news_list {margin-top:20px;}
	.news_list li {padding:10px 0;}
	.news_txt {width:450px;}
	.news_txt h6 {padding:0;}
	.news_txt p {line-height:1.5;}
	.abinew {padding:30px 0 40px 0;}
	.abinewcate ul li {padding: 0 20px;}
	.abinewcrr_i {line-height:20px;height:40px;}
	
	
}
@media screen and (max-width:768px){
    .layout { width: 95%; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logo{float: none; padding-top: 0;}
    .logo a{width: 120px; height: 60px; background-image: url(../image/logo_h.png);}
    .nav,.callNum,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .banner .pimg,.nybanner,.abbanner{height: 400px !important;}
    .banner .banText{transform: translateY(-50%); margin-top: 40px;}
    .banner .banText .pn,.indexTitle p,.wlform ul li,.wlform ul li.itemSub{margin-top: 5px;}
    .mouseIco{width: 40px; height: 40px; margin-top: 10px; overflow: hidden;}
    .bannerNumBar .digital,.bannerNumBar .digital.active{transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);}
    .bannerNumBar{position: static; left: auto; bottom: auto;}
    .bannerNumBar ul li{height: 70px; padding-top: 20px;}
    .bannerNumBar ul li.item1,.bannerNumBar ul li.item2,.bannerNumBar ul li.item3,.bannerNumBar ul li .box{text-align: center;}
    .bannerNumBar ul li .box{margin: 0 5px;}
    .indexTitle h2,.aboutTitle .h2{font-size: 24px;}
    .banner .banText .h2,.bannerNumBar ul li .num,.nybanner .h2,.aboutNumBar ul li .num,.abContact ul li .h2,.indexnwlist ul li .time b{font-size: 20px;}
    .indexCase ul li h2,.indexnwHot .h2,.newslist ul li .h2,.newslist ul li .time b,.aboutUs .h2{font-size: 16px;}
    .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;}
    .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogos,.nybanner .pn,.newslist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newslist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;}
    .sectionBox,.wlDemand,.aboutBox{padding: 30px 0 40px 0;}
    .inBusiness,.indexCase,.indexPartner,.indexNews,.wlform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}
    .inBusiness ul li{width: 50%;}
    .inBusiness ul li .box{padding: 20px 10px; height: 320px;}
    .inBusiness ul li .tit,.inBusiness ul li:hover .tit,.inBusiness ul li.item3:hover .tit{padding-right: 26px; background-size: 20px auto;}
    .inBusiness .dl{margin-top: 5px; display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;}
    .inBusiness .dl.clearfix:before,.inBusiness .dl.clearfix:after{display: none;}
    .inBusiness .dl dd{width: 50%; float: none; margin: 5px 0 0 0; flex-basis: 50%;}
    .inBusiness .dl dd a,.inBusiness .dl dd .a{width: auto; padding: 0 5px; border: 1px solid #fff; font-size: 8px; height: 28px; line-height: 28px; margin: 0 2px; overflow: hidden;}
    .incaseTab ul li{padding-right: 8px; margin-right: 5px; margin-top: 5px;}
    .indexCase ul li{width: 50%;}
    .indexCase ul li .tit{padding: 10px 40px 0 10px; height: 50px;}
    .indexCase ul li .icon{right: 10px;}
    .indexCase ul li .bg img{max-height: 80px;}
    .indexBtns{margin-top: 15px;}
    .indexBtns a{min-width: 75px; height: 35px; line-height: 35px;}
    .indexPartner ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.wlform ul li,.wlform ul li.itemSub,.footer .ftlogos,.footer .ftlinks,.footer .ftCopy,.footer .bdsharebuttonbox,.section .webTmain,.section .webPic,.caseTextBox .caseTitle,.caseTextBox .caseInfo,.newsleft,.newsright,.aboutSer ul li .h2,.aboutSer ul li .pn{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li a{padding: 20px 15px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont,.newslist ul li .pcont{height: 125px; margin-top: 5px;}
    .indexnwlist ul li .time,.newslist ul li .time{margin-top: 10px; padding-top: 10px;}
    .footer .footTou{padding: 45px 0 0 0;}
	.footer video{width:140%; display:none;}
    .footer .ftlogos{text-align: center;}
    .footer .ftlogos img{max-width: 120px;}
    .footer .ftewm{float: none; margin: 0 auto; padding: 15px 0;}
    .footer .ftCopy,.footer .bdsharebuttonbox{text-align: center;}
    .footer .bdsharebuttonbox{margin-top: 5px;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webPic img{position: relative; max-width: 95%;}
    .section .webTmain{padding: 20px 2.5% 40px 2.5%; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{max-width: 100%; margin: 0;}
    .section .webTmain .h2,.mobText .h2,.caseTextBox .caTit{font-size: 20px;}
    .section .webTmain .h3,.mobText .th{font-size: 14px;}
    .section .webTmain .pn,.mobText .pn,.mobText .dl dd{font-size: 12px; height: auto;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .section .webBtns a{width: 110px; height: 38px; line-height: 38px; font-size: 12px;}
    .mobText{width: auto; padding: 80px 0;}
    .mobText .th{margin-top: 15px;}
    .mobText .dl dd{margin-right: 10px;}
    .page{margin-top: 20px;}
    .page a{font-size: 12px; padding: 6px 10px;}
    .caseWrap{padding-top: 60px;}
    .caseDetails{padding: 40px 0 30px 0;}
    .caseTextBox{padding: 40px 20px;}
    .caseDetailsBom{padding: 40px 0;}
    .newslist ul{margin-left: -5px; margin-right: -5px; margin-bottom: 0;}
    .newslist ul li{width: 50%; margin: 10px 0 0 0;}
    .newslist ul li a{margin: 0 5px; padding: 20px 10px;}
    .newsleft,.newsright{margin-bottom: 5px;}
    .newsdetail{padding: 40px 20px 50px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsdetail .newstext{padding: 20px 0;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .aboutNumBar{margin-top: 10px;}
    .aboutNumBar ul li .box{width: auto; margin: 0 5px; text-align: center;}
    .aboutUs{padding: 30px 20px;}
    .aboutUs .h2{padding: 10px 45px 0 45px;}
    .aboutUs .h2:before{left: 0;}
    .aboutUs .h2:after{right: 0;}
    .about-box01 .about-tm .h2,.about-box03 .about-xzwm .h2{font-size: 20px; margin-bottom: 10px;}
	.about-box01 .IndexList{width: 95%; padding-top: 0;}
	.about-box01 .about-tm .h2{font-size: 26px;}
    .about-box01 .about-tm .nub{font-size: 30px; height: 34px; line-height: 34px;}
	.about-box02{height: auto; padding-bottom: 70px; overflow: hidden;}
	.about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n){max-width: 100%; width: auto; float: none; margin: 20px 0 0 0;}
    .about-box02 .about-xzwm .h2{font-size: 20px; margin-bottom: 5px;}
    .about-box02 .about-xzwm .h3{font-size: 14px;}
    .about-box02 .about-xzwm .abul li .co{width: 70px; height: 70px; background-size: 210px auto;}
    .about-box02 .about-xzwm .abul li:hover .c1{background-position: 0 -70px;}
    .about-box02 .about-xzwm .abul li .c2{background-position: -70px 0;}
    .about-box02 .about-xzwm .abul li:hover .c2{background-position: -70px -70px;}
    .about-box02 .about-xzwm .abul li .c3{background-position: -140px 0;}
    .about-box02 .about-xzwm .abul li:hover .c3{background-position: -140px -70px;}
    .about-box02 .about-xzwm .abul li .t{font-size: 16px; margin: 20px 0 5px 0;}
    .about-box02 .about-xzwm .abul li p{font-size: 12px;}
	.about-box01,.about-box03{padding:40px 0;}
	.ab-team ul li{width: 49%; margin-right: 2%;}
	.ab-team ul li:nth-of-type(3n){margin-right: 2%;}
	.ab-team ul li:nth-of-type(2n){margin-right: 0;}
	.ab-team ul li .tm{padding: 10px;}
	.ab-team ul li .tm .n1{font-size: 14px;}
	.ab-team ul li .tm .n2,.ab-team ul li .tm p{font-size: 12px;}
	.ab-team ul li .tm .line{margin: 5px 0;}
	.ab-team ul li .tm p{margin-bottom: 0;}
    .aboutSer ul li{padding: 20px;}
    .aboutSer ul li .h2{text-align: center; font-size: 20px; padding: 0;}
    .aboutSer ul li .pn{padding: 15px 0;}
    .aboutSer ul li .icon{position: relative; margin: auto; right: auto; top: auto;}
    .abContact ul li{padding: 20px 0;}
    .abContact ul li .Btns{position: relative; right: auto; top: auto; margin-top: 15px;}
    .abContact ul li .pn{line-height: 22px;}

    .alert-action{left: 30px; top: 30px; width: 40px; height: 40px; background-size: cover;}
    .font-48{font-size: 20px;}
    .contact-box01{padding: 90px 0 40px 0;}
    .contact-box02{padding: 90px 0;}
    .contact-box01 .h2{font-size: 16px;}
    .contact-box01 .pn img{max-width: 110px;}
    .contact-box01 .pe img{max-width: 250px;}
    .contact-box01 .line{margin: 20px 0;}
    .contact-box01 .btns{width: 120px; height: 40px; line-height: 40px; margin-top: 30px;}
    .cont-info{padding-bottom: 20px; margin-bottom: 20px;}
    .cont-info ul li,.cont-form ul li{width: 100%;}
    .cont-form ul li{margin-top: 15px;}
    .cont-form ul li.item-teat{position: relative; right: auto; top: auto;}
    .cont-form ul li .cont-teat{height: 200px;}
	
	.wrap {width:auto;padding:0 15px;}
	.news_pic {display:none;}
	.news_txt {float:none;width:auto;}
	.news_txt h6 {font-size:16px;font-weight:bold;}
	.show_tit {font-size:20px;line-height:1.3;}
	.spage p {line-height:1.3;}
	.abinewcate ul li {padding:0 10px;}
	.abinewcate ul li a {padding:0;}
	.abinewc {padding:10px 0;}
	.abinewcr ul li {float:none;border-right:none;width:auto;}
	.abinewcr ul li a {padding:5%;}
	.abinewcrl {width:20%;}
	.abinewcrr {width:78%;}
	
	
}