@charset "UTF-8"; .index-banner li,.item-list li,.inner-tab li{list-style-type:none}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6f6f6f}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#6f6f6f}body{letter-spacing:.5px}.index-banner{position:static;width:100%;height:100vh;overflow:hidden}.index-banner .swiper-container{position:relative;width:100%;height:100%}.index-banner .carousel-inner{position:absolute;top:-60px;right:0;bottom:0;left:0;padding-top:60px;overflow:hidden}.page-header-fullscreen-trame{position:absolute;left:0;top:0;width:100%;height:100%}.section.bussiness .section-header #brand {
	color: #E1181C;
	font-weight: bold;

}
.auto-container .row .brand3.offer-block.col-lg-3.col-md-6.col-sm-12.wow.fadeInUp {
	width: 33.33%;
}


@media(min-width:768px){.index-banner .carousel-inner{position:absolute;top:0;padding-top:0}}.index-banner .carousel-item{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;z-index:10;opacity:0}.index-banner .carousel-item .video-inner{height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:50%;z-index:8;width:2560px;margin-left:-1280px;background-color:#fff;text-align:center}.index-banner .carousel-item .video video{position:relative;display:inline-block;vertical-align:baseline}.index-banner .carousel-item.carousel-item-prev{transform-origin:center right;transform:translateX(-100%)}.index-banner .carousel-item.carousel-item-next{transform-origin:center right;transform:translateX(100%)}.index-banner .carousel-item:active{cursor:-webkit-grab!important;cursor:grab!important}.index-banner .carousel-item.active{z-index:15;opacity:1;transform-origin:center right}.index-banner .carousel-item1 img{width:100%;position:absolute;left:0;top:0;-moz-transition:all 6s linear;-o-transition:all 6s linear;transition:all 6s linear}.index-banner .carousel-item1.active img{top:-200px}.index-banner .carousel-item2 .bg-img{width:100%;position:absolute;left:0;top:0}.index-banner .carousel-item2 .img-box{width:1600px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}.index-banner .carousel-item2 .img-box .img1{width:160px;height:320px;position:absolute;left:647px;top:532px;background:url(../images/004.png) top center no-repeat;background-size:100%;padding:10px;z-index:3}.index-banner .carousel-item2 .img-box .img1 img{width:100%;opacity:0;transition:all ease .3s;transition-delay:1.5s}.index-banner .carousel-item2.active .img-box .img1 img{opacity:1}.index-banner .carousel-item2 .img-box .img2{width:400px;height:288px;position:absolute;right:0px;top:560px;background:url(../images/005.png) top center no-repeat;background-size:100%;padding:23px 35px 0 35px;z-index:3}.index-banner .carousel-item2 .img-box .img2 img{width:100%;opacity:0;transition:all ease .3s;transition-delay:1s}.index-banner .carousel-item2.active .img-box .img2 img{opacity:1}.index-banner .carousel-item2 .img-box .img3{width:760px;height:755px;position:absolute;top:184px;right:160px;background:url(../images/006.png) top center no-repeat;background-size:100%;padding:20px}.index-banner .carousel-item2 .img-box .img3 img{width:100%;opacity:0;transition:all ease .3s;transition-delay:.5s} .index-banner .carousel-item2.active .img-box .img3 img{opacity:1}@media(max-width:1680px){.index-banner{height:auto}.index-banner .carousel-item2 .img-box .img1{width:120px;height:240px;position:absolute;left:667px;top:460px;padding:7px}.index-banner .carousel-item2 .img-box .img2{width:300px;height:216px;position:absolute;right:180px;top:480px;padding:13px 25px 0 25px}.index-banner .carousel-item2 .img-box .img3{width:36%;position:absolute;top:22%;right:18%;padding:20px 10px}}.index-banner .carousel-item3 .bg-img{width:100%;position:absolute;left:0;top:0}.index-banner .carousel-item3 .img-box{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}.index-banner .carousel-item3 .img-box li{position:absolute;width:100%;height:100%}.index-banner .carousel-item3 .img-box li img{width:100%;height:100%}.index-banner .carousel-item3 .img-box .img1{z-index:2;top:-20px;position:absolute}.index-banner .carousel-item3 .img-box .img2{z-index:3;right:-20px;position:absolute}.static .carousel-item{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);cursor:default!important}.static.is-mobile .carousel-item{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:0}.index-banner .carousel-item-inner{position:absolute;width:100%;height:100%}.carousel-item-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.carousel-item-image-wrapper:before{z-index:20}.carousel-item-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-color:#000;z-index:8}@media(min-width:768px){.carousel-item-image-wrapper:after{content:none}}.carousel-item-image{position:relative;height:100%;width:100%;overflow:hidden}.carousel-item-image:before{opacity:.2;z-index:20}.banner-background{position:absolute;left:0;top:0;width:100%}.carousel-item-image img{position:relative;width:100%;height:100%;max-width:none;z-index:10}.index-banner .swiper-inner-text-wrap{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center}.index-banner .swiper-inner-text{position:absolute;top:50%;left:8%;width:auto;color:#fff;line-height:1.3;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.index-banner .carousel-item1 .swiper-inner-text{text-align:left;left:33%;}.index-banner .carousel-item1 .swiper-inner-text .cansual-des{font-size:26px;line-height:60px}.index-banner .carousel-item1 .swiper-inner-text .cansual-des span{font-size:48px;font-weight:bold;display:block;margin-bottom:10px}.index-banner .carousel-item .link{width:135px;height:50px;background:#222 url(../images/icon22.png) 95px center no-repeat;display:block;font-size:14px;line-height:50px;color:#fff;font-family:'sheepsansbol';padding-left:20px;margin-top:48px}.index-banner .carousel-item2 .swiper-inner-text{text-align:left}.index-banner .carousel-item2 .cansual-title{font-size:48px;color:#fff}.index-banner .cansual-line{width:0;height:3px;margin:25px 0 20px;background:#fff}.index-banner .cansual-des{font-size:18px;color:#fff;line-height:1.8}.index-banner .carousel-item3 .cansual-des{font-size:26px;line-height:60px}.index-banner .carousel-item3 .cansual-des .s1{font-size:48px;line-height:78px;font-family:'gotham-medium'}.index-banner .carousel-item2 .cansual-des{text-align:left;font-size:26px}.index-banner .carousel-item2 .cansual-des .s1{font-size:30px;font-family:'gotham-medium'}.index-banner .carousel-item2 .cansual-des .s2{font-size:48px;font-weight:bold;display:block}.index-banner .carousel-item3 .cansual-des .s2{font-size:48px;font-weight:bold;display:block}.index-banner .carousel-item .cansual-title{margin-bottom:10px;font-size:40px;font-weight:bold;color:#fff;text-align:left}.index-banner .carousel-item3 .cansual-item-title .en-word{display:block;padding-bottom:15px;font-family:'AkzidenzGrotesk-BoldCondAlt';font-size:84px;color:#fff;line-height:.9}.index-banner .carousel-item4 .swiper-inner-text{padding-left:50%;text-align:left}.index-banner .carousel-item4 .cansual-item-title{font-size:48px;color:#fff}.index-banner .carousel-item3 .cansual-des{margin-bottom:35px}.index-banner .cansual-item-title{position:relative;margin-bottom:15px}.index-banner .cansual-item-title .small-title{display:block;margin-bottom:-10px;font-size:22px;line-height:36px}.index-banner .cansual-item-title .number{font:normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';color:#fff;letter-spacing:3px;margin-left:-6px}.index-banner .carousel-item3 .cansual-item-title .number{padding-bottom:15px;font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt'}.index-banner .cansual-item-title .number .add-icon{font-size:60px;line-height:180px;vertical-align:40px}.carousel-item-subtitle-line{position:absolute;bottom:0;left:0;width:30px;height:3px;background-color:#fff;content:''} .index-banner .cansual-item-title .small-title,.index-banner .cansual-item-title .number,.index-banner .cansual-sub-title,.index-banner .carousel-item .cansual-des,.index-banner .carousel-item .cansual-line,.index-banner .carousel-item3 .cansual-title,.index-banner .carousel-item3 .radiu-button{display:block;opacity:0;transform:translate3d(-150%,0,0);transition:all 1s;transition-delay:.2s;overflow:hidden}.index-banner .carousel-item2 .cansual-des{transform:translate3d(150%,0,0)}.index-banner .carousel-item3 .cansual-des,.index-banner .carousel-item3 .cansual-line,.index-banner .carousel-item3 .cansual-title,.index-banner .carousel-item3 .radiu-button{text-align:left;transform:translate3d(0,-150%,0)}.index-banner .carousel-item .cansual-line{transition-delay:.2s}.index-banner .carousel-item3 .cansual-des{transition-delay:.4s}.index-banner .active .cansual-item-title .small-title,.index-banner .active .cansual-item-title .number,.index-banner .active .cansual-sub-title,.index-banner .carousel-item.active .cansual-des,.index-banner .carousel-item3.active .cansual-title,.index-banner .carousel-item.active .cansual-line,.index-banner .carousel-item3.active .radiu-button{opacity:1;transform:none}.index-banner .carousel-item2 .cansual-title{opacity:0;transform:matrix(1,0,0,1,0,-80);-webkit-transform:matrix(1,0,0,1,0,-80);-moz-transform:matrix(1,0,0,1,0,-80);transition:all 1000ms cubic-bezier(0.35,0.85,0.55,1) .6s;-webkit-transition:all 1000ms cubic-bezier(0.35,0.85,0.55,1) .6s;-moz-transition:all 1000ms cubic-bezier(0.35,0.85,0.55,1) .6s}.index-banner .carousel-item2.active .cansual-title{opacity:1;transform:matrix(1,0,0,1,0,0);-webkit-transform:matrix(1,0,0,1,0,0);-moz-transform:matrix(1,0,0,1,0,0)}.index-banner .carousel-item .cansual-line{width:45px}.index-banner .carousel-item3 .radiu-button{color:#fff;text-align:center;border:1px solid #fff;background:transparent}.index-banner .carousel-item3 .radiu-button:hover{color:#333;background:#fff}.carousel-item-subtitle-line-timer{position:absolute;top:0;left:0;background-color:#fff;display:block;height:100%;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.active .carousel-item-subtitle-line-timer{animation:linewidth 5s;-moz-animation:linewidth 5s;-webkit-animation:linewidth 5s;-o-animation:linewidth 5s;animation-delay:1s;-webkit-animation-delay:1s}@keyframes linewidth{from{width:0}to{width:100%}}@-moz-keyframes linewidth{from{width:0}to{width:100%}}@-webkit-keyframes linewidth{from{width:0}to{width:100%}}@-o-keyframes linewidth{from{width:0}to{width:100%}}.page-header-fullscreen-text{position:absolute;top:50%;right:0;left:0;text-align:center;z-index:25}.collapsing .page-header-fullscreen-text{transition:.8s -webkit-transform cubic-bezier(.19,1,.22,1);transition:.8s transform cubic-bezier(.19,1,.22,1)}.index-banner .cansual-sub-title span{display:block;font-size:20px;line-height:32px}.page-header-bar{position:absolute;right:0;left:0;bottom:0;height:70px;line-height:70px;z-index:55;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}.page-header-bar-inner{transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.page-header-bar-hidden .page-header-bar-inner,.static.home .page-header-bar-inner{transition:visibility .4s steps(1,end),-webkit-transform .4s;transition:visibility .4s steps(1,end),transform .4s;visibility:hidden;-webkit-transform:rotateX(94deg) rotateZ(0);transform:rotateX(94deg) rotateZ(0)}.no-transition .page-header-bar-inner{transition:none}.page-header-collapsed .page-header-bar-inner{visibility:hidden;transition:none}.carousel-bar-inner{width:100%;height:100%}.carousel-bar-title-word{padding-left:75px;font-size:12px;color:#666}.carousel-scroll-btn{z-index:56;position:absolute;bottom:50px;left:50%;margin-left:-27px;width:52px;height:52px;border:1px solid #fff;border-radius:100%;overflow:hidden;cursor:pointer}.carousel-scroll-btn .carousel-scroll-btn-icon{position:absolute;display:block;width:52px;height:52px;margin:0 auto;background:url(../images/icon2.png) no-repeat center center;cursor:pointer;animation:downico 1.5s ease-out infinite}@keyframes downico{0%{top:0;opacity:1}35%{top:50%;opacity:0}65%{top:-50%;opacity:0}100%{top:0;opacity:1}}.carousel-controls{position:absolute;right:0;top:0;width:465px;height:70px;background:rgba(255,255,255,.6)}.carousel-controls .count{position:absolute;left:0;width:180px;padding-left:66px;font:bold 18px/80px 'gotham-medium';color:#999}.carousel-controls .count span{display:inline-block}.carousel-controls .count .current{color:#222}.carousel-controls .controls{position:absolute;left:180px} .carousel-controls .carousel-line{z-index:1;position:absolute;left:50%;top:18px;display:block;width:1px;height:35px;background:#e5e5e5;opacity:.3}.carousel-controls .carousel-control{float:left;width:70px;height:70px;cursor:pointer}.carousel-controls .swiper-button-next,.carousel-controls .swiper-button-prev{position:relative;width:100%;height:100%;overflow:hidden;background:0;top:0;margin-top:0}.carousel-controls .swiper-button-line{z-index:1;position:absolute;top:50px;opacity:1;display:block;width:25px;height:100%;overflow:hidden;transition:all .45s ease-out 0s;-webkit-transition:all .45s ease-out 0s;-moz-transition:all .45s ease-out 0s}.carousel-controls .swiper-button-prev{left:initial}.carousel-controls .swiper-button-next{right:initial}.carousel-controls .swiper-button-prev .swiper-button-line{background:url(../images/icon4.png) no-repeat left center;left:15px}.carousel-controls .swiper-button-next .swiper-button-line{background:url(../images/icon3.png) no-repeat right center;right:15px}.carousel-controls .swiper-button-prev:hover .swiper-button-line{width:35px}.carousel-controls .swiper-button-next:hover .swiper-button-line{width:35px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0} }.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@media(max-width:1200px){.index-banner .carousel-item1 .swiper-inner-text{left:24%;}.index-banner .carousel-item2 .img-box .img1{left:735px;top:370px}.index-banner .carousel-item2 .img-box .img2{right:295px;top:355px}}@media(max-width:900px){.index-banner .carousel-item1 .swiper-inner-text{left:33%;}.index-banner .carousel-item1 .swiper-inner-text .cansual-des{font-size:18px;line-height:24px}.index-banner .carousel-item1 .swiper-inner-text .cansual-des span{font-size:26px;line-height:30px;margin-bottom:10px}.index-banner .carousel-item2 .cansual-des{font-size:18px;line-height:24px}.index-banner .carousel-item2 .cansual-des .s2{font-size:26px;line-height:30px}.index-banner .carousel-item2 .img-box{width:100%}.index-banner .carousel-item2 .img-box .img1{left:335px;top:235px;height:205px}.index-banner .carousel-item2 .img-box .img2{height:210px;right:0;top:218px}.index-banner .carousel-item2 .img-box .img3{width:50%;top:15%;right:6%;height:330px;padding:20px 1px}.index-banner .carousel-item3 .cansual-des{font-size:18px;line-height:24px}.index-banner .carousel-item3 .cansual-des .s2{font-size:26px;line-height:30px}.index-banner .carousel-item .link{width:135px;height:40px;line-height:40px;margin-top:30px}.carousel-scroll-btn{left:70px}.page-header-bar{height:50px;line-height:50px}.carousel-controls{width:400px;height:50px}.carousel-controls .count{width:150px;padding-left:40px;font:bold 18px/50px 'gotham-medium'}.carousel-controls .controls{left:150px}.carousel-controls .carousel-control{height:50px}}.phonebanner{display:none}.phone-banner{display:none}@media(max-width:767px){header .logo{width:94px}header .right-side .menu_ico img{width:25px}.ny-banner{height:360px}.foot-button .makelink{display:none}.about-address{display:none}.index-banner{height:500px}.index-banner .carousel-item1 img{width:220%;left:-25%;max-width:initial}.index-banner .carousel-item1.active img{top:-140px}.page-header-bar{display:none}.phonebanner{display:block;position:absolute;left:0;bottom:16px;text-align:center;width:100%;z-index:9}.phonebanner span{width:7px;height:7px;background:#fff;border-radius:50%;margin:0 5px;display:inline-block;transition:all ease .5s}.phonebanner span.active{width:15px}.index-banner{display:none}.phone-banner{width:100%;position:relative;display:block} .pbanner-box{width:100%;position:relative}.pbanner-box .img{width:100%}.pbanner-box .img img{width:100%}.pbanner-box .tbox{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.pbanner-box .tbox .t1{font-size:26px;line-height:30px;color:#fff}.pbanner-box .tbox .t2{font-size:18px;line-height:24px;color:#fff;margin-top:9px}.pbanner-box .tbox2{width:100%;position:absolute;left:0;top:110px;text-align:center}.pbanner-box .tbox2 .t1{font-size:26px;line-height:1;color:#fff}.pbanner-box .tbox2 .t2{font-size:18px;line-height:24px;color:#fff;margin-top:11px}.pbanner-box .tbox3{width:100%;position:absolute;left:0;top:110px;text-align:center}.pbanner-box .tbox3 .t1{font-size:26px;line-height:1;color:#fff}.pbanner-box .tbox3 .t2{font-size:18px;line-height:24px;color:#fff;margin-top:11px}.phone-banner .swiper-pagination{bottom:16px}.phone-banner .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px;border-radius:3px;background:#fff;opacity:1}.phone-banner .swiper-pagination .swiper-pagination-bullet-active{width:15px}.carousel-scroll-btn{display:none}.carousel-controls{width:210px}.carousel-controls .count{width:90px;padding-left:15px}.carousel-controls .controls{left:90px}.carousel-controls .carousel-control{width:60px;height:50px}.index-banner .carousel-item2 .bg-img{width:200%;left:-50%;max-width:initial;height:100%}.index-banner .carousel-item2 .img-box .img3{width:70%;top:28%;right:15%;height:330px;padding:10px 5px}.index-banner .carousel-item2 .img-box .img2{right:65px;top:312px;width:95px;height:115px;padding:8px 10px 0 10px}.index-banner .carousel-item2 .img-box .img1{left:115px;top:335px;height:82px;width:40px;padding:3px}.index-banner .carousel-item3 .bg-img{height:100%}.index-banner .carousel-item3 .img-box .img2{top:20%;height:auto}.index-banner .carousel-item3 .img-box li.img2 img{height:auto}.index-banner .swiper-inner-text{left:3%}.index-banner .carousel-item1 .swiper-inner-text .cansual-des,.index-banner .carousel-item2 .cansual-des,.index-banner .carousel-item3 .cansual-des{font-size:18px;line-height:24px}.index-banner .carousel-item1 .swiper-inner-text .cansual-des span,.index-banner .carousel-item2 .cansual-des .s2,.index-banner .carousel-item3 .cansual-des .s2{font-size:26px;line-height:30px;margin-bottom:10px;display:block}.index-banner .carousel-item .link{background:#222 url(../images/icon22.png) 68px center no-repeat;width:100px;font-size:12px;padding-left:10px;margin-top:10px}} /*banner图*/ #banner_tabs {width: 100%;height: 100vh;_height:800px;position: relative;} #banner_tabs .slides li {width: 100%;height: 100%;} .flex-direction-nav a {width: 50px;height: 100px;overflow: hidden;text-indent: 999999em;background: url(../images/flexnav.png) no-repeat;display: block;position: absolute;top: 50%;margin-top: -60px;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .6s ease;} .flex-direction-nav .flex-prev {left: 2%;background-position: 0px 0px;} .flex-direction-nav .flex-next {right: 2%;background-position: -50px 0px;} #banner_tabs:hover .flex-next {opacity: 0.9;filter: alpha(opacity=80);} #banner_tabs:hover .flex-prev {opacity: 0.9;filter: alpha(opacity=80);} #page {height: 60px;margin-top: -60px;} .index-page section.active>div{display:block;} .index-page section {height:100vh;position:relative;overflow:hidden;} .index-page section>div {position:absolute;top:50%;left:50%;z-index:2;display:none;transition:all .6s;} /*APP-HOME*/ .index-page .app-home .bg {background:url(../images/bg.jpg);background-position: center center;height:100vh;display:block;width:100%;top:0;left:0;opacity: 1;-webkit-animation:bg-scale 10s linear infinite;animation:bg-scale 10s linear infinite;} .index-page2 .app-home .bg {background:url(../images/bg2.jpg);background-position: center center;} .index-page3 .app-home .bg {background:url(../images/bg3.jpg);background-position: center center;} /*slogan*/ .index-page .app-home .slogan {height:162px;margin-top:-160px;margin-left: 60px;} .index-page2 .app-home .slogan {width:100%;height:80px;margin-left:-50%;margin-top:-340px;text-align: center;} .index-page3 .app-home .slogan {width:852px;height:100px;margin-left:-426px;margin-top:-90px;} /*second-slogan*/ .index-page .app-home .second-slogan {width:495px;height:50px;margin-top:40px;margin-left: 60px;} .index-page2 .app-home .second-slogan {width: 100%;height: 50px;margin-top:-240px;margin-left: -50%;text-align: center;} .index-page2 .app-home .second-slogan2 {width: 100%;margin-left: -50%;text-align: center;top: auto;bottom: 0px;} .index-page3 .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;} /*second-slogan end*/ .index-page .app-home .create-btn {margin-left:-130px;margin-top:110px;} .index-page .app-home .mask {position:absolute;background:rgba(0,0,0,.68);width:150px;height:150px;top:50%;margin-top:-75px;margin-left:-75px;transition:all 2s;border-radius:50%;opacity:0;} .maskscale {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:mask-scale;animation-name:mask-scale;} /*按钮*/ .nav-arrow {position:absolute;bottom:30px;left:50%;z-index:3;margin-left:-27px;width:55px;height:55px;cursor:pointer;background-image:url(../images/jiantou_a.png);background-repeat: no-repeat;background-position: center;background-size:55px 55px;opacity: 0.5; animation-name:arrowing;-webkit-animation-name:arrowing;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;} @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .nav-arrow {background-size:35px 35px} } .nav-arrow:hover {opacity: 1;} @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .nav-arrow:hover {background-size:35px 35px} } @-webkit-keyframes arrowing { 0%,100% {-webkit-transform:translateY(-5px); transform:translateY(-5px)}50% {-webkit-transform:translateY(10px);transform:translateY(10px)} } @keyframes arrowing { 0%,100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 50% {-webkit-transform:translateY(10px);transform:translateY(10px);} } @-webkit-keyframes mask-scale { 0%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.1} 20%{-webkit-transform:scale(2);transform:scale(2);opacity:.2} 30%{-webkit-transform:scale(3);transform:scale(3);opacity:.3} 40%{-webkit-transform:scale(4);transform:scale(4);opacity:.4} 50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5} 60%{-webkit-transform:scale(6);transform:scale(6);opacity:.6} 70%{-webkit-transform:scale(8);transform:scale(8);opacity:.7} 80%{-webkit-transform:scale(10);transform:scale(10);opacity:.8} 90%{-webkit-transform:scale(12);transform:scale(12);opacity:.9} 100%{-webkit-transform:scale(18);transform:scale(18);opacity:1} } @keyframes mask-scale { 0%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.1} 20%{-webkit-transform:scale(2);transform:scale(2);opacity:.2} 30%{-webkit-transform:scale(3);transform:scale(3);opacity:.3} 40%{-webkit-transform:scale(4);transform:scale(4);opacity:.4} 50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5} 60%{-webkit-transform:scale(6);transform:scale(6);opacity:.6} 70%{-webkit-transform:scale(8);transform:scale(8);opacity:.7} 80%{-webkit-transform:scale(10);transform:scale(10);opacity:.8} 90%{-webkit-transform:scale(12);transform:scale(12);opacity:.9} 100%{-webkit-transform:scale(18);transform:scale(18);opacity:1} } @-webkit-keyframes bg-scale { 0%,99%{-webkit-transform:scale(1);transform:scale(1)} 33%{-webkit-transform:scale(1.05);transform:scale(1.05)} 66%{-webkit-transform:scale(1.1);transform:scale(1.1)} } @keyframes bg-scale { 0%,99%{-webkit-transform:scale(1);transform:scale(1)} 33%{-webkit-transform:scale(1.05);transform:scale(1.05)} 66%{-webkit-transform:scale(1.1);transform:scale(1.1)} } .delay100 {animation-delay:.1s;-webkit-animation-delay:.1s;} .delay200 {animation-delay:.2s;-webkit-animation-delay:.2s;} .delay300 {animation-delay:.3s;-webkit-animation-delay:.3s;} .delay400 {animation-delay:.4s;-webkit-animation-delay:.4s;} .delay500 {animation-delay:.5s;-webkit-animation-delay:.5s;} .delay600 {animation-delay:.6s;-webkit-animation-delay:.6s;} .delay700 {animation-delay:.7s;-webkit-animation-delay:.7s;} .delay800 {animation-delay:.8s;-webkit-animation-delay:.8s;} .delay900 {animation-delay:.9s;-webkit-animation-delay:.9s;} .delay1000 {animation-delay:1s;-webkit-animation-delay:1s;} .delay1200 {animation-delay:1.2s;-webkit-animation-delay:1.2s;} .delay1400 {animation-delay:1.4s;-webkit-animation-delay:1.4s;} .delay1600 {animation-delay:1.6s;-webkit-animation-delay:1.6s;} .delay1800 {animation-delay:1.8s;-webkit-animation-delay:1.8s;} .delay1900 {animation-delay:1.9s;-webkit-animation-delay:1.9s;} .delay2500 {animation-delay:2.5s;-webkit-animation-delay:2.5s;} .delay3500 {animation-delay:3.5s;-webkit-animation-delay:3.5s;} .delay4500 {animation-delay:4.5s;-webkit-animation-delay:4.5s;} .delay7000 {animation-delay:7s;-webkit-animation-delay:7s;} .mainTop{margin-top:80px;} .szhl-banner { width: 100%; height: 800px; overflow: hidden; } .szhl-banner .swiper-container { width: 100%; height: 800px; } .swiper-slide {background-color: #000;background-size: cover;background-repeat: no-repeat;background-position: center} .swiper-button-prev,.swiper-button-next{ width: 15%; height: 100%; top:0 !important; background:none; } .swiper-button-prev{ left:0; } .swiper-button-next{ right:0; } .swiper-button-prev span,.swiper-button-next span{ display:block; width: 50px; height: 100px; position: absolute; left: 20px; top: 50%; margin-top:-50px; background-image: url(../images/arrows.png); background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; cursor: pointer; } .swiper-button-next span{ background-position: -50px center; left:auto; right:20px; } .szhl-banner .swiper-container:hover .swiper-button-prev span,.szhl-banner .swiper-container:hover .swiper-button-next span{ opacity: .75; } /*分页器*/ .szhl-banner .swiper-pagination{ top:auto; bottom:50px; background:none; } .szhl-banner .swiper-pagination-bullet { display: inline-block; width: 50px; height: 10px; margin: 0 3px; cursor: pointer; background: none; border-radius:0; opacity: 1; } .szhl-banner .swiper-pagination-bullet span { width: 50px; height: 2px; display: block; background: #fff; } .szhl-banner .swiper-pagination-bullet-active span{ background:#104070; } .szhl-banner .autoplay .swiper-pagination-bullet-active span{ background: #fff; } .szhl-banner .swiper-pagination-bullet i{ background: #104070; height: 2px; transform:scaleX(0); transform-origin: 0; display: block; } .szhl-banner .autoplay .firsrCurrent i{ transition:transform 5s linear; transform:scaleX(1); } .szhl-banner .autoplay .current i{ transition:transform 6s linear; transform:scaleX(1); } .index_about{text-align:center;width:80%;margin:120px auto 0;padding:230px 0 80px;position:relative;} .index_about .hellow p img:nth-child(2n){margin-left:-135px;} .index_about .img{position:absolute;top:0;right:20%;} .index_about .text{margin-top:120px;font-size:24px;line-height:48px;color:#666;} .index_about .text h3{font-size:24px;} .m-ichl-title .en {font-size: 16px; line-height: 24px; color: #999; text-transform: uppercase; } .m-ichl-title .cn {font-size: 36px; line-height: 62px; font-weight: bold; color: #1a1a1a; } .m-ichl-title .cn span {color: #104070;} .iabout-us {padding: 45px 0 15px; max-width: 1600px; width: 94%; margin: 0 auto; position: relative; z-index: 1; } .iabout-us .intro {position: relative; padding: 20px 37% 86px 0; font-size: 16px; line-height: 30px; } .iabout-us .year {position: absolute; right: 15px; top: -120px; z-index: 3; } .iabout-us .year img {width: 336px; height: 322px; } .iabout-us .content {text-align: justify;} .iabout-us .content i {display: inline; font-size: 16px; line-height: 30px; color: #104070; } .iclients-wrapper {padding: 10px 0px 70px; max-width: 1600px; width: 94%; margin: 0 auto; position: relative; z-index: 1; } .iclients-list {overflow: hidden;margin-left: -2px;} .iclients-list ul {margin-right: -2px;} .iclients-list ul li {float: left; width: 20%; padding: 0px 2px 2px 0px; background: url(../images/szkhbg.png) no-repeat right bottom; box-sizing: border-box; position: relative;cursor: pointer;} .iclients-list ul li .icname{display: none;text-align: center; background-color: rgba(0,0,0,0.75);width: 100%;height: 100%;overflow: hidden;position: absolute;left: -1px;top: -1px;} .iclients-list ul li .icname div{display:table;width: 100%;height: 100%;} .iclients-list ul li .icname div span{padding: 0 10px;color: #fff; font-size: 12px; line-height: 18px;display:table-cell; vertical-align:middle;} .full-inum-brief {position: relative; width: 100%; } .full-inum-brief .briefbg {position: relative; overflow: hidden; height: 520px; background-image: url(../images/inumbg.jpg); background-repeat: no-repeat; background-position: center;background-size:cover;background-attachment:fixed;} .full-inum-brief .inum-list {position: absolute; top: 50%; left: 50%; z-index: 10; margin: -190px 0 0 0; width: 1218px; text-align: center; box-sizing: border-box; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .full-inum-brief .inum-list li {width: 406px; margin-bottom: 99px; float: left; color: #fff; } .full-inum-brief .num {margin-bottom: 10px; font-size: 90px; line-height: 92px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;display:block;} .full-inum-brief .text {font-size: 16px; line-height: 24px; } /*我们能做什么*/ .bussiness{background: #f5f5f5;width:100%;} .section_head {padding: 30px 0px 50px;} .section_head .title {text-align: center;} .section_head .title p {color: #333333;font-size:2.5rem;font-weight: bold;} .section_head .title p i {color: #104070;} .section_head .title span {display: block;color: #888;font-size: 13px;} .bussiness-body{display: block;overflow: hidden;width: 90%;text-align: center;font-size: 0px;margin:auto;} .bussiness-body .item{position: relative;display: inline-block;/*float: left;*/width: 16.666%;opacity: 0;filter:alpha(opacity=0);overflow: hidden;} .bussiness-body .item1{left:200px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;} .bussiness-body .item2{left:300px;-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;} .bussiness-body .item3{left:400px;-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;} .bussiness-body .item4{left:500px;-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;} .bussiness-body .item5{left:600px;-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;} .bussiness-body .item.on{width: 32.33%;} .bussiness .bussiness-body .item{left:0;opacity: 1;filter:alpha(opacity=100);} .bussiness-body .item .service{display: block;height: 358px;border: 1px solid #e8e8e8;border-width: 1px 0px 1px 1px;text-align: center;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;} .bussiness-body .item.on .service{width: 50%;} .bussiness-body .item5 .service{border-width: 1px 1px 1px 1px;} .bussiness-body .item.on .service{background-color: #104070;border-color: #104070;} .bussiness-body .item .service .content{display: block;height: 240px;padding-top: 46px;line-height: 1;} .bussiness-body .item .service .content h4{display: block;font-size: 18px;font-weight: bold;} .bussiness-body .item .service .content h4 a{color: #333;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;} .bussiness-body .item.on .service .content h4 a{color: #fff;} .bussiness-body .item .service .content p{display: block;margin-top: 11px;color: #4b4b4b;white-space: nowrap;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;} .bussiness-body .item.on .service .content p{color: #fff;} .bussiness-body .item .service .content .icon{display: inline-block;margin-top: 56px;} .bussiness-icon1{
	background: url(../images/icon.png) no-repeat 0px -822px;
	height: 72px;
} .bussiness-body .item.on .service .content .bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -894px;} .bussiness-icon2{
	background: url(../images/icon.png) no-repeat 0px -750px;
	height: 72px;
} .bussiness-body .item.on .service .content .bussiness-icon2{background:url(../images/icon.png) no-repeat 0px -678px;} .bussiness-icon3{
	background: url(../images/icon.png) no-repeat 0px -1254px;
	height: 72px;
} .bussiness-body .item.on .service .content .bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1326px;} .bussiness-icon4{
	background: url(../images/icon.png) no-repeat 0px -966px;
	height: 72px;
} .bussiness-body .item.on .service .content .bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -1182px;} .bussiness-icon5{
	background: url(../images/icon.png) no-repeat 0px -1038px;
	height: 72px;
} .bussiness-body .item.on .service .content .bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1110px;} .bussiness-body .item .service .info{
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	/* [disabled]padding-bottom: auto; */
	border-top: 1px dashed #cdcdcd;
	font-size: 12px;
	line-height: 20px;
	color: #6c6c6c;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
} .bussiness-body .item.on .service .info{color: #fff;border-top: 1px dashed #4e94dd;} .bussiness-body .item .price{position: absolute;display: block;width: 100%;height: 360px;left:100%;top:0;} .bussiness-body .item.on .price{width: 50%;left:50%;} .bussiness-body .item .price ul{display: block;position: relative;z-index: 5;} .bussiness-body .item .price ul li{
	display: block;
	height: 71px;
	line-height: 71px;


*height: 69px;*line-height: 69px;			border-bottom: 1px solid #565758;
	white-space: nowrap;
} .bussiness-body .item .price ul li a{
	display: block;
	padding: 0 20px 0 10px;
	color: #434343;
	font-size: 14px;
	text-align: left;
	background: url(../images/enter-icon.png) no-repeat right 10px center;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
} .bussiness-body .item .price ul li a:hover{
	color: #104070;
	background: url(../images/enter-icon-on.png) no-repeat right 10px center;
} .bussiness-body .item .price ul li a .num{padding-left: 10px;} .bussiness-body .item .price .mask{position: absolute;width: 100%;height: 100%;top:0;left:0;background-color: #000;opacity: 0.8;filter:alpha(opacity=80);z-index: 2;} /*我们做过什么*/ .case_link {width: 100%;text-align: center;margin-bottom: 35px;} .case_link ul li {display: inline-block;vertical-align: middle;padding: 0 10px;} .case_link ul li a {display: block;padding: 0 30px;height: 40px;line-height: 40px;color: #666;font-size: 15px;border-radius: 30px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .case_link ul li:hover a,.case_link ul li.on a {background-color: #104070;color: #fff;} .case_wrap{width:94%;margin:0 auto;} .case_wrap ul li{float:left; width:24%;margin:0.5%; *width:24.97%; text-align:center; background:#fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .case_wrap ul li a{display:block;} .case_wrap ul li>a{position:relative; width:100%; height:0; padding-top:62.4%; overflow:hidden;} .case_wrap ul li>a img{position:absolute; top:0; left:0; width:100.5%; height:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .case_wrap ul li>a summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#dcdcdc; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .case_wrap ul li .info {width: 100%;height: 60px;overflow: hidden;padding:0px 0px 0px 10px;box-sizing:border-box;} .case_wrap ul li .info h5 {display: block;float: left;width: calc(100% - 100px);height: 40px;line-height: 40px;margin: 10px 0px;text-align: left;} .case_wrap ul li .info h5 a {font-size:18px; color:#333;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .case_wrap ul li .info .fr {width: 90px;height: 60px;} .case_wrap ul li .info .fr a {display: inline-block;vertical-align: middle;text-align: right;margin-left: 10px;width: 20px;height: 60px;background-repeat: no-repeat;background-position: center;} .case_wrap ul li .info .fr a.case_pc {background-image: url(../images/pc_b.png);} .case_wrap ul li .info .fr a.case_phone {background-image: url(../images/phone_b.png);} .case_wrap ul li:hover {background-color: #104070;} .case_wrap ul li:hover a summary{bottom:0;} .case_wrap ul li:hover a img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .case_wrap ul li:hover a:before{opacity:1; filter:alpha(opacity=100); zoom:1;} .case_wrap ul li:hover a:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);} .case_wrap ul li:hover .info h5 a {color:#fff;} .case_wrap ul li:hover .info .fr a.case_pc {background-image: url(../images/pc_w.png);} .case_wrap ul li:hover .info .fr a.case_phone {background-image: url(../images/phone_w.png);} /*解决方案*/ .solution .section_head .title p, .solution .section_head .title p i, .solution .section_head .title span {color: #fff;} .solution {background-color:#06050a;background-repeat: no-repeat;background-position: center top;background-size: cover;padding:30px 0 50px!important;margin-top: 50px;overflow: hidden;box-sizing:border-box;background-attachment: fixed;} .solution .solution-slide {position:relative; width:85%; margin: 0 auto; } .solution .solution-slide .solution-slide-menu {width:320px;text-align:center } .solution .solution-slide .solution-slide-menu ul {position:relative; z-index:1 } .solution .solution-slide .solution-slide-menu ul li {padding:20px 0; position:relative; overflow: hidden;;cursor:pointer;background: hsla(0,0%,100%,.2);box-sizing:border-box;} .solution .solution-slide .solution-slide-menu ul li span {position:absolute;top:0;left:0;width: 0;height:100%;background-color: #104070;overflow:hidden;display:block;z-index:1;} .solution .solution-slide .solution-slide-menu ul li.cur span {width: 100%;} .solution .solution-slide .solution-slide-menu ul li i.icon {display: block;width: 100px;height: 60px;margin: 0 auto;background-image: url(../images/solution-icon.png);background-repeat: no-repeat;position: relative;z-index: 2;} .solution .solution-slide .solution-slide-menu ul li p {margin:10px 0 0; font-size:16px; color:#fff;position: relative;z-index: 2;} .solution .solution-slide .solution-slide-menu ul li .icon1 {background-position: 0px 0px;} .solution .solution-slide .solution-slide-menu ul li .icon2 {background-position: 0px -60px;} .solution .solution-slide .solution-slide-menu ul li .icon3 {background-position: 0px -120px;} .solution .solution-slide .solution-slide-menu ul li .icon4 {background-position: 0px -180px;} .solution .solution-slide .solution-slide-menu ul li .icon5 {background-position: 0px -200px;} .solution .solution-slide .solution-slide-body {width: calc(100% - 450px);min-height: 670px;position: absolute;top: 0px;right: 0px;} .solution .solution-slide .solution-slide-body .solution-slide-item {width: 100%;display: none;} .solution .solution-slide .solution-slide-body .solution-slide-item h4 {color: #fff;font-size: 28px;margin: 20px 0px;} .solution .solution-slide .solution-slide-body .solution-slide-item>p {width: 60%;color: #fff;} .solution .solution-slide .solution-slide-body .solution-slide-item .row {margin-top: 80px;} .solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 {width: 25%;float: left;} .solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item {width: 100%;text-align: center;} .solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item i {display: inline-block;width: 100px;height: 90px;line-height: 90px;} .solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item p {color: #fff;font-size: 14px;} .solution .solution-slide .solution-slide-body .s-button {position: absolute;left: 0px;bottom: 30px;} .solution .solution-slide .solution-slide-body .s-button a {display: block;width: 125px;height: 40px;line-height: 40px;text-align: center;color: #104070;font-size: 15px;border:1px solid #104070;border-radius: 20px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .solution .solution-slide .solution-slide-body .s-button a:hover {background-color: #104070;color: #fff;} /*新闻*/ .news .section_head {padding-bottom: 20px;} .search_row {height: 42px;box-shadow: 1px 3px 10px #ececec;position: relative;margin-top: 2px;} .search_row input.keyword {width: 190px;height: 40px;padding:0px 45px 0px 10px;border:1px solid #ddd;font-size: 14px;color: #666} .search_row input.keyword:focus {border-color: #104070;} .search_row input.search {width: 42px;height: 42px;cursor: pointer;position: absolute;right: 0px;top: 0px;background:url(../images/news_so.png) no-repeat center;} .news .news-body {margin-bottom: 50px;} .news .news-body .news_link {width: 100%;text-align: center;margin-bottom: 35px;} .news .news-body .news_link ul li {display:inline-block;*display: inline;*zoom: 1;color: #555;font-size: 16px;padding: 0 30px;height: 45px;line-height: 45px;border:1px solid #c4c4c4;margin: 0 20px 0 0;cursor: pointer;} .news .news-body .news_link ul li a {display: block;padding: 0 30px;height: 40px;line-height: 40px;color: #666;font-size: 15px;border-radius: 30px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .news .news-body .news_link ul li:hover a,.news .news-body .news_link ul li.on {background-color: #104070;color: #fff;} .news .news-body .news_wrap {max-width: 1200px;margin: 0 auto;overflow: hidden;} .news .news-body .news_wrap .news_item {margin-bottom: 30px;} .news .news-body .news_wrap .news_item .time {width: 140px;height: 130px;background-color: #104070;border-radius: 10px;overflow: hidden;text-align: center;} .news .news-body .news_wrap .news_item .time strong {width: 100%;height: 80px;line-height: 80px;text-align: center;color: #fff;font-size: 60px;} .news .news-body .news_wrap .news_item .time p {display: block;width: 100%;height: 39px;line-height: 39px;border-top: 1px solid #0060ba;color: #fff;font-size: 18px;} .news .news-body .news_wrap .news_item .con {width: calc(100% - 180px);height: 130px;} .news .news-body .news_wrap .news_item .con h4 {margin-bottom: 15px;} .news .news-body .news_wrap .news_item .con h4 a {display: block;color: #555;font-size: 20px;font-weight: bold;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .news .news-body .news_wrap .news_item .con h4 a:hover {color: #104070;} .news .news-body .news_wrap .news_item .con p a {display: block;color: #555;font-size: 16px;line-height: 28px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .news .news-body .news_wrap .news_item .con p a:hover {color: #104070;} .news .news-body .more a {display: block;width: 125px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto;border-radius: 30px;overflow: hidden;border:1px solid #104070;color: #104070;font-size: 16px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .news .news-body .more a:hover {background-color: #104070;color: #fff;} .newslis dl{float:left;width:550px; margin:0 0px 30px 0; height:auto; background:#f3f3f3; padding:20px;} .newslis dl:nth-child(2n) {float: right;} .newslis dl dt{ float:left;height:135px;} .news-box-img{position: relative;max-width: 200px;} .news-box-img img{width:180px; height:135px;} .news-data{position: absolute;left: 0;top: 0;padding:0 8px;text-align: center;background: #104070;color:#fff;} .news-data span{display: block;font-size: 24px;line-height: 30px;} .news-data em{display: block;font-size: 14px;font-style: normal;line-height: 20px;margin-top: -3px;} .newslis dl dd{ float:right; width:340px;} .newslis dl dd h4{ font-size:16px; overflow:hidden; font-weight:normal;} .newslis dl dd h4 a{ color:#333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newslis dl dd h4 a:hover{ color:#104070} .newslis dl dd p{ color:#666; font-size:14px;padding-top:8px; line-height:21px;height: 108px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} /*售后服务*/ .section.service_home {padding: 0px 0px 0px;} .service_wrap {padding: 120px 0px 140px;background: url(../images/service_bg.jpg) no-repeat center;text-align: center;} .service_wrap .main-wrap ul {width: 100%;text-align: center;} .service_wrap .main-wrap ul li {display: inline-block;} .service_wrap h4 {color: #0af;font-size:46px;font-weight: bold;background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .service_wrap p {color: #0af;font-size: 32px;background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .footer-topbar {background: #1d1d1d;} /*.footer-topbar .main-wrap {padding: 39px 0px;}*/ .footer-topbar .footer-topbar-content {max-width: 1440px;margin:0 auto;} .footer-topbar .footer-topbar-content .footer-topbar-item { width:25%;float:left;cursor: pointer;} .footer-topbar .footer-topbar-content .footer-topbar-item p {color:#fff;margin:10px 0;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {float: left;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {display: block;width: 100px;height: 100px;background-image: url(../images/common_icons.png);background-repeat: no-repeat;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon1 {background-position: 0px -300px;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon2 {background-position: -100px -300px;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon3 {background-position: -200px -300px;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon4 {background-position: -300px -300px;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {float: left;margin-top: 15px} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {font-size:22px;color:#fff;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {font-size:14px;color:#737373;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon1 {background-position: 0px -400px;} .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon2 {background-position: -100px -400px;} .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon3 {background-position: -200px -400px;} .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon4 {background-position: -300px -400px;} .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content,.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content p {color:#104070;} /*留言提交*/ .footer-mess {width: 100%;background-color: #104070;} .footer-mess .mess-left {float: left;width: 25%;} .footer-mess .mess-left .left_con {padding: 50px 42px;} .footer-mess .mess-left .left_con .top {color: #fff;} .footer-mess .mess-left .left_con .top p {font-size:2vw;} .footer-mess .mess-left .left_con .top span {font-size:1.8vw;} .footer-mess .mess-left .left_con .top .line {width: 192px;height: 1px;background-color: #fff;display: block;margin: 30px 0px;} .footer-mess .mess-left .left_con b {color: #fff;font-size:2vw;font-weight: bold;line-height: 130%;} .footer-mess .mess-left .left_con .bshare-custom {margin:20px 0px 40px;} .footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a {display: inline-block;vertical-align: middle;width: 30px;height: 30px;padding:0px;margin-right: 12px;background-image: url(../images/common_icons.png);background-repeat: no-repeat;} .footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_tsina {background-position: -120px 0px;} .footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_renren {background-position: -150px 0px;} .footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_sqq {background-position: -180px 0px;} .footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_weixin {background-position: -210px 0px;} .footer-mess .mess-left .left_con .footer_call {color: #fff;} .footer-mess .mess-right {float: right;width: 75%;min-height: 414px;padding: 50px 0px;background: url(../images/index_mess_bg.jpg) no-repeat center;} .footer-mess .mess-right form {padding: 0px 42px;} .footer-mess .mess-right .form {background-color: #fff;padding: 25px 50px;box-sizing:border-box;} .footer-mess .mess-right .form h5 {color: #3d3d3d;font-size: 24px;line-height: 34px;padding: 0px 9px;} .footer-mess .mess-right .form input,.footer-mess .mess-right .form select {color: #888;font-size: 15px;width: 100%;height: 50px;line-height: 48px;border:1px solid #ccc;padding:0px 15px;box-sizing:border-box;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .footer-mess .mess-right .form input:hover,.footer-mess .mess-right .form select:hover {border-color: #104070;} .footer-mess .mess-right .form .ind_wrap {margin: 23px 0px 25px;} .footer-mess .mess-right .form .ind_wrap .input_text {width: 50%;padding: 0 9px;float: left;box-sizing:border-box;} .footer-mess .mess-right .form .ind_sub {padding: 0 9px;} .footer-mess .mess-right .form .ind_sub input {display: block;float: right;width: 158px;height: 42px;line-height: 40px;color: #104070;border:1px solid #104070;border-radius: 50px;background-color: #fff;cursor:pointer;} .footer-mess .mess-right .form .ind_sub input:hover {background-color: #104070;color: #fff;} .footer-mess .mess-right .form .ind_mess {padding:0px 9px;margin: 25px 0px;} .footer-mess .mess-right .form .ind_mess textarea {display: block;float: left;width:calc(70% - 30px);height: 120px;color: #666;font-size: 15px;border:1px solid #ccc;padding: 15px;outline: none;font-family: "Microsoft Yahei";box-sizing:border-box;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .footer-mess .mess-right .form .ind_mess textarea:hover {border-color: #104070;} .footer-mess .mess-right .form .ind_mess .code {width: 30%;display: block;float: right;} .footer-mess .mess-right .form .ind_mess .code .ind5_pho {margin-bottom: 20px;} .footer-mess .mess-right .form .ind_mess .code #verycode {width: 55%;float: left;} .footer-mess .mess-right .form .ind_mess .code .yzm {width: 42%;height: 50px;border:1px solid #104070;background: #104070;color: #fff;float: right;cursor: pointer;} .footer-mess .mess-right .form .ind_mess .code .yzm:hover {background:#0162bd;border-color: #0162bd;} .pop_ups{position:fixed;left:50%;margin-left:-340px;top:50%;margin-top:-165px;background:rgba(255,88,0,0.9);width:660px;height:310px;padding:10px;z-index:1000;display:none;} .pop_ups .close{position:absolute;right:-18px;top:-18px;background:rgba(255,88,0,0.9);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px;} .pop_ups .close img{width:36px;} .pop_ups .content{border:1px #fff solid;height:228px;padding:40px;} .pop_ups .content .title{font-size:32px;font-weight:bold;color:#fff;} .pop_ups .content .pop_ewm{float:left;width:50%;text-align:center;color:#fff;font-size:18px;} .pop_ups .content .pop_ewm img{margin:25px 0 15px;} .pop_ups .content .pop_info{float:left;width:50%;margin-top:30px;text-align:center;} .pop_ups .content .pop_info a{display:inline-block;width:160px;height:38px;line-height:38px;border:1px #fff solid;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;color:#fff;text-align:center;font-size:18px;margin-bottom:15px;} .pop_ups .content .pop_info a:hover{color:#104070;background-color:#fff;} .pop_ups .content .pop_info strong{font-size:28px;color:#fff;display:block;} @media (max-width:1440px) { .index-page .app-home .slogan {height:120px;margin-top:-140px;} .index-page .app-home .slogan img {height: 120px;} .index-page2 .app-home .slogan {margin-top:-240px;} .index-page2 .app-home .slogan img {height: auto;} .index-page3 .app-home .slogan img {height: auto;} .index-page2 .app-home .second-slogan {margin-top:-150px;} .index-page2 .app-home .second-slogan2 img {height: 420px;} .index-page3 .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;} .footer-mess .mess-right .form .ind_mess textarea {width:calc(66% - 20px);} .footer-mess .mess-right .form .ind_mess .code {width:34%;} } @media (max-width:1366px) { .index-page2 .app-home .slogan {margin-top:-200px;} .index-page2 .app-home .slogan img {height: 60px;} .index-page2 .app-home .second-slogan {margin-top:-120px;} .index-page2 .app-home .second-slogan img {height: 45px;} .index-page2 .app-home .second-slogan2 img {height: 350px;} } @media (max-width:1200px) { .header .info {display: none;} .footer-mess .mess-right .form .ind_mess textarea {width: calc(50% - 9px);} .footer-mess .mess-right .form .ind_mess .code {width: calc(50% - 9px);} .full-inum-brief .inum-list {width: 100%;} .full-inum-brief .inum-list li {width: 33.3333333%} .index_about{width:100%;margin-top:60px;padding-top:180px;} .index_about .hellow img{transform:scale(0.8);} .index_about .hellow p img:nth-child(2n){margin-left:-210px;} .index_about .img img{width:360px;} .index_about .text{margin-top:80px;padding:0 3%;font-size:18px;line-height:36px;} .index_about .text h3{font-size:18px;} .index-back-box .sub-arrows{width:30%;} } @media (max-width:1110px){ .mainTop{margin-top:50px;} .index-banner .carousel-item2 .img-box .img1{width:80px;height:160px;top:320px;} .index-banner .carousel-item2 .img-box .img2{width:240px;height:172px;top:305px;} .index-banner .carousel-item2 .img-box .img3{width:25%;right:25%;height:auto;} } @media (max-width:1024px) { .case_wrap{width:99%;margin:0 auto;} .footer-mess .mess-left, .footer-mess .mess-right {width: 100%;} .footer-mess .mess-left .left_con .top p{font-size:2.5rem;} .footer-mess .mess-left .left_con .top span{font-size:1.9rem;} .footer-mess .mess-left .left_con b{font-size:2.5rem;} .scrollBar{height:426px;} .index-back-box .sub-arrows{line-height:60px;} .index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet{margin-right:10px;} .index-back-box{height:60px;} .index-waper-box{height:60px;} .index-back-box .sub-arrows i.icom:after{top:28px;} } @media (max-width:769px) { .index-page .app-home .slogan, .index-page .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;height: auto;padding: 0 45px;box-sizing:border-box;} .index-page .app-home .slogan img,.index-page2 .app-home .slogan img,.index-page2 .app-home .second-slogan img,.index-page2 .app-home .second-slogan2 img {height: auto;} .index-page .app-home .slogan {margin-top:-120px;} .index-page2 .app-home .slogan {margin-top: -90px;} .index-page3 .app-home .slogan {margin-top: -90px;} .index-page .app-home .second-slogan {margin-top: -10px;} /*共用元素*/ .container {margin: 0 auto;} .section {padding: 30px 0px;} .iabout-us .intro {padding: 20px 250px 20px 0px;} .iabout-us .year {position: absolute; right: 0px; top: 0px; z-index: 3; } .iabout-us .year img {width: auto; height: 240px;} .index-banner .carousel-item2 .img-box .img1{left:300px;top:250px;width:60px;height:auto;} .index-banner .carousel-item2 .img-box .img2{top:230px;right:-20px;width:200px;height:auto;} .index-banner .carousel-item2 .img-box .img3{width:45%;right:12%;} .auto-container .row .brand3.offer-block.col-lg-3.col-md-6.col-sm-12.wow.fadeInUp {
	width: 100%;
}
} @media (max-width:768px) { /*banner图*/ .section_head {padding: 0px 10px 30px;} .section_head .title p {font-size: 24px;} .section_head .title span {font-size: 14px;} .flex-direction-nav a {opacity: 1;width: 30px;height: 60px;background-size: 60px 60px;} .flex-direction-nav .flex-prev {left: 2%;background-position: 0px 0px;} .flex-direction-nav .flex-next {right: 2%;background-position: -30px 0px;} .szhl-banner,.szhl-banner .swiper-container {height: 450px;} .index-back-box .sub-arrows{padding-left:20px;} .scrollBar{height:320px;} /*关于我们*/ .index_about{padding:100px 0 60px;} .index_about .hellow img{transform:scale(1);height:80px;} .index_about .img img{width:240px;} .index_about .hellow p img:nth-child(2n){margin-left:-85px;} .index_about .text{margin-top:60px;} /*服务*/ .bussiness-body {padding:0;overflow: inherit;box-sizing:border-box;} .bussiness-body .item {margin-bottom: -1px;} .bussiness-body .item,.bussiness-body .item.on {width: 33.333%;float: left;} .bussiness-body .item .service {width: 100%;height: auto;border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;box-sizing:border-box;} .bussiness-body .item .service,.bussiness-body .item.on .service {border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;background: transparent;} .bussiness-body .item.item2 .service,.bussiness-body .item.item5 .service {border-width: 1px 1px 1px 1px;} .bussiness-body .item.on .service {width: 100%;} .bussiness-body .item .service .content {height: auto;padding: 30px 0px;} .bussiness-body .item .service .content h4{min-height:36px;} .bussiness-body .item .service .content .icon {margin-top:12px;} .bussiness-body .item .price {display: none;} .bussiness-body .item .service .info {display: none;} .bussiness-body .item.item1,.bussiness-body .item.item2,.bussiness-body .item.item1.on,.bussiness-body .item.item2.on {width: 50%;} .bussiness-body .item .service .content h4 a {color: #4b4b4b;;font-size: 16px;} .bussiness-body .item.on .service .content h4 a {color: #4b4b4b;} .bussiness-body .item.on .service .content p {color: #4b4b4b;} .bussiness-body .item.on .service .content .bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;} .bussiness-body .item.on .service .content .bussiness-icon2{background:url(../images/icon.png) no-repeat 0px -750px;height:72px;padding-left:42px;} .bussiness-body .item.on .service .content .bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:64px;} .bussiness-body .item.on .service .content .bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:60px;} .bussiness-body .item.on .service .content .bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:55px;} /*案例*/ .case_wrap ul {padding: 0px 7px} .case_wrap ul li {width: calc(50% - 6px);margin: 3px;box-sizing:border-box;} .case_wrap ul li .info {height: 40px;padding: 0px 8px;} .case_wrap ul li .info h5 {width: 100%;height: 20px;line-height: 20px;} .case_wrap ul li .info h5 a {font-size: 16px;} .case_wrap ul li .info .fr {display: none;} /*方案*/ .solution {padding: 1px 0px 30px;height: auto;margin-top: 20px;background-size: cover;} .solution .solution-slide {width: 100%;} .solution .solution-slide .solution-slide-menu {width: 100%;position: static;} .solution .solution-slide .solution-slide-menu ul {padding: 0px 10px;} .solution .solution-slide .solution-slide-menu ul li {margin-bottom: 10px;} .solution .solution-slide .solution-slide-menu ul li span {top: 0px;right: 0px;bottom: 0px;left: 0px;margin:auto;} .solution .solution-slide .solution-slide-body {display: none;} /*新闻*/ .news .news-body .news_wrap {margin: 0px 10px 30px;} .news .news-body .news_wrap .news_item {margin-bottom: 15px;} .news .news-body .news_wrap .news_item .time {width: 95px;height: 88px;} .news .news-body .news_wrap .news_item .time strong {height: 55px;line-height: 55px;font-size: 45px;} .news .news-body .news_wrap .news_item .time p {height: 35px;line-height: 35px;} .news .news-body .news_wrap .news_item .con {width: calc(100% - 110px);height: 90px;} .news .news-body .news_wrap .news_item .con h4 {margin-bottom: 5px;} .news .news-body .news_wrap .news_item .con h4 a {display: block; font-size: 16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .news-body .news_wrap .news_item .con p a {font-size: 13px;line-height: 19px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .newslis dl {width: 100%;float: none;box-sizing: border-box;padding: 10px;margin-bottom: 15px;} .newslis dl:nth-child(2n) {float: none;} .newslis dl dd {width: calc(100% - 190px);} .newslis dl dd p {-webkit-line-clamp: 3;font-size: 12px;height: 52px;line-height: 18px;padding-top: 3px;} .footer-topbar {padding:0px;} .footer-topbar .footer-topbar-content .footer-topbar-item {width: 50%;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {float: none;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {margin:0 auto;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {float: none;margin-top: 5px;text-align: center;} .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {font-size: 18px;} .m-ichl-title .cn {font-size: 24px;line-height: 150%;} .iclients-list {padding:20px 0px;} .iclients-list ul li {width: 33.3333333%;background-size: 96.5625% auto;} .full-inum-brief .briefbg {position: absolute; left: 50%; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .full-inum-brief .inum-list {position: relative;z-index: 20; width: 100%; margin: 0; padding: 20px 5px 0; } .full-inum-brief .inum-list li {width: 50%;padding: 5px;margin-bottom: 15px;box-sizing: border-box;} .full-inum-brief .num {margin-bottom: 10px; font-size: 40px; line-height: 42px; } .full-inum-brief .text {font-size: 14px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } @media (max-width:750px) { .iabout-us .intro {padding: 20px 0px 20px 0px;} .iabout-us .content,.iclients-wrapper {display: none;} .iabout-us .year {position: static; right: 0px; top: 0px; z-index: 3; } .iabout-us .year img {width: auto; height: 220px; display: block;margin: auto;} .case_wrap ul li {width: 100%;margin: 3px 0px} } @media (max-width:540px) { .sub_mouses,.index-back-box .sub-arrows{display:none;} .mainTop,.scrollBar{height:160px;overflow: hidden;} /*关于我们*/ .index_about{padding:40px 0;margin-top:40px;} .index_about .hellow img{height:40px;} .index_about .img img{width:120px;} .index_about .hellow p img:nth-child(2n){margin-left:-35px;} .index_about .text{margin-top:40px;font-size:16px;} .index_about .text h3{font-size:16px;} /*案例*/ .service_wrap {padding: 50px 0px;} .service_wrap h4 {font-size: 35px;} .service_wrap p {font-size: 24px;} /*新闻*/ .newslis dl dt {height: 80px;} .news-box-img img {width: auto;height: 80px;width:120px;} .newslis dl dd {width: calc(100% - 130px);} .szhl-banner,.szhl-banner .swiper-container {height: 240px;} .szhl-banner {margin-top: 50px} .szhl-banner .swiper-pagination-bullet {width: 30px} .szhl-banner .swiper-pagination-bullet span {width: 30px} .swiper-button-prev span, .swiper-button-next span {width: 25px;height: 50px;margin-top: -25px;background-size: 50px auto} .swiper-button-next span{background-position: -25px center;} .m-ichl-title .cn {font-size: 21px;} .iabout-us .intro {padding: 0px;} .iclients-list {padding: 0px;} .iclients-list ul li {width: 50%;} .iclients-list ul li:nth-child(15) {display: none} }