/* CSS Document */

.apple-banner {width: 100%;height: 745px;overflow: hidden;}

.apple-banner .swiper-container {width: 100%;height: 745px;}

.swiper-button-prev,.swiper-button-next{width: 15%;height: 100%;top:0;background:none;}

.swiper-button-prev{left:0;}

.swiper-button-next{right:0;}

.swiper-button-prev span,.swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}

.swiper-button-next span{background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;left:auto;right:20px;}

.swiper-button-prev:hover span,.swiper-button-next:hover span{opacity: .6;}

/*分页器*/

.apple-banner .swiper-pagination{top:auto;bottom:50px;background:none;}

.apple-banner  .swiper-pagination-bullet {display: inline-block;width: 50px;height: 30px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}

.apple-banner  .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: #fff;}

.apple-banner .swiper-pagination-bullet-active span{background:#198dcd;}

.apple-banner .autoplay .swiper-pagination-bullet-active span{background:#fff;}

.apple-banner  .swiper-pagination-bullet i{background: #198dcd;height: 2px;transform:scaleX(0);transform-origin: 0;display: block;}

.apple-banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}

.apple-banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}

.apple-banner  .autoplay .replace span{background:#198dcd;}

.swiper-slide,.swiper-slide img{ width:100%;}

.swiper-slide p{ width:100%; height:745px;}

.about-left{ float:left; width:700px; margin-top:20px;}

.about-left .company{ font-size:24px; color:#333;}

.about-left .line{ display:block; float:left; width:25px; height:2px; background:#ddd; margin:20px 0;}

.about-left .company-desc{ width:650px; float:left; line-height:24px; clear:both;}

.about-left .data{ display:block; float:left; width:100%; margin:30px 0;}

.about-left .data li{ margin-right:40px; float:left; text-align:center;}

.about-left .data li:last-of-type{ margin:0;}

.about-left .data li p{ font-size:30px; color:#198dcd; margin-bottom:20px;}

.about-left .data li span{ color:#333;}

.about-right{ float:right; width:600px;}

.about-right img{ width:100%;}

.tab{ width:100%;}

.tab-hd {overflow:hidden; zoom:1; width:auto;font-size:16px; display:table;text-align: center;display: table;margin: 0 auto;}

.tab-hd li{ float:left;color:#333; text-align:center; cursor:pointer; float:left; margin:0 30px;}

.tab-hd li.active{ color:#198dcd;}

.tab-hd li span{ display:block; margin:0 auto; padding-bottom:10px;}

.tab-hd li.active span{border-bottom:2px solid #198dcd;}

.tab-bd{ display:block; float:right; width:740px; margin-top:20px;}

.tab-bd li{display:none; width:100%; float:left; height:480px;}

.tab-bd li.thisclass{ display:list-item;}

.left-news{ background:#fff; width:540px; height:480px; overflow:hidden; padding:20px; float:left;box-sizing:border-box; margin-top:20px;}

.right-news{ background:#fff; float:right; height:100%; width:740px;}

.left-news .news-img{ width:100%; height:280px; overflow:hidden; position:relative;}

.left-news .news-img img{width: 100%;height: 100%;vertical-align: top;transition:all 0.3s;}

.left-news .news-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.left-news .bx-wrapper .bx-viewport{ box-shadow:none; padding:0; margin:0; border:none; left:0; width:100%; height:100%;}

.left-news .news-tit{ width:100%; margin:25px 0 15px 0; font-size:16px; color:#333; height:18px; line-height:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.left-news .news-date{ font-size:13px; color:#999;}

.left-news .news-desc{ width:100%; line-height:24px; height:48px;ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-top:15px;}

.left-news a:hover .news-img img{ transform:scale(1.05,1.05)}

.left-news a:hover .news-desc{ color:#999;}

.left-news .bx-wrapper .bx-pager{ width:auto; bottom:0;}

.left-news .bx-wrapper .bx-pager.bx-default-pager a{ background:#cccccc;}

.news .bx-wrapper .bx-pager.bx-default-pager a:hover, .news .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#198dcd;}

.right-news a{ display:block; width:100%; height:25%; border-bottom:1px solid #ddd; padding:20px 0; position:relative; float:left;}

.right-news a:last-of-type{ border-bottom:none;}

.right-news .news-date{ float:left; width:95px; text-align:center; height:100%; color:#333; padding:10px 0;}

.right-news .news-date .date{ font-size:30px; margin-bottom:10px;}

.right-news .news-date .year{ font-size:12px}

.right-news .news-info{ float:right; width:calc(100% - 135px); margin-right:40px; height:100%;}

.right-news .news-info .news-tit{ font-size:16px; color:#333; height:20px; line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.right-news .news-info .news-desc{ line-height:24px; height:48px;ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-top:12px; font-size:14px;}

.right-news a:after{ display:block; width:100%; height:120px; content:''; box-sizing:border-box; top:0; left:0; position:absolute; transition:all 0.3s;}

.right-news a:hover:after{ border:10px solid #198dcd;}

.right-news a:hover .news-info .news-desc{ color:#999;}

.left-news .bx-wrapper{ width:500px; height:440px; overflow:hidden;}

.left-news .slider{ width:100%; height:100%;}

.news .bx-controls-direction{ display:none;}

.btn-box{ width:100%; float:left; margin-top:40px;}

.btn-box .more-btn{ margin:0 auto; float:none; width:125px;}

.service{ background:url(../img/index-service-bg.jpg) center top no-repeat; background-size:cover;}

.service .box-tit p.tit-e,.service .box-tit p.tit-c,.service .box-tit span{ color:#fff;}

.service .box-tit i{ background:#fff;}

.service .bx-wrapper .bx-viewport{ background:none; border:none; box-shadow:none;}

.service .slide{height:345px;box-sizing:border-box;}

.service .service-box{ width:385px; height:100%; background:#fff; margin:0 35px; display:block;}

.service .bx-wrapper{}

.service .bx-wrapper .bx-prev,.service .bx-wrapper .bx-next{ width:60px; height:30px;opacity:0.48; transition:all 0.3s;}

.service .bx-controls{ float:left; width:100%; height:30px; margin-top:60px; position:relative;}

.service .bx-wrapper .bx-pager{ top:8px; bottom:0; height:14px; padding:0;}

.sercice .bx-controls-direction{ width:100%; height:20px; float:left;}

.bx-wrapper .bx-controls-direction a{ top:10px;}

.bx-wrapper .bx-controls-direction a:last-of-type{ top:18px;}

.service .bx-wrapper .bx-prev{ background:url(../img/left.png) center no-repeat;}

.service .bx-wrapper .bx-next{ background:url(../img/right.png) center no-repeat;}

.service .bx-wrapper .bx-prev:hover,.service .bx-wrapper .bx-next:hover{ opacity:0.8;}

.service .bx-wrapper .bx-pager.bx-default-pager a{ width:14px; height:14px; border-radius:50%; background:#fff; opacity:0.24; transition:all 0.3s;}

.service .bx-wrapper .bx-pager.bx-default-pager a:hover,.service  .bx-wrapper .bx-pager.bx-default-pager a.active{ opacity:1; background:#fff;}

.service .bx-wrapper .bx-prev{ left:400px;}

.service .bx-wrapper .bx-next{ right:400px;}

.service-top{ width:100%; height:240px; float:left; overflow:hidden;}

.service-top-img{ width:100%; height:100%; float:left; overflow:hidden; position:relative;}

.service-top-img:before{  content: "";background: rgba(36, 59, 96, 0.7);height: 100%;width: 100%;position: absolute;top: 0;transform-origin: top;-moz-transition: all 500ms ease-out 0s;-webkit-transition: all 500ms ease-out 0s;-ms-transition: all 500ms ease-out 0s;-o-transition: all 500ms ease-out 0s;transition: all 500ms ease-out 0s;-moz-transform: perspective(15em) rotateX(-90deg);-o-transform: perspective(15em) rotateX(-90deg);-ms-transform: perspective(15em) rotateX(-90deg);-webkit-transform: perspective(15em) rotateX(-90deg);transform: perspective(15em) rotateX(-90deg);z-index: 1;}

.service-top:hover .service-top-img:before {-moz-transform: perspective(0) rotateX(0);-o-transform: perspective(0) rotateX(0);-ms-transform: perspective(0) rotateX(0);-webkit-transform: perspective(0) rotateX(0);transform: perspective(0) rotateX(0);}

.service-top-img .link-icon {position: absolute;z-index: 2;top: 40%;left: 50%;width: 70px;margin-top: -35px;margin-left: -35px;height: 70px;background: url(../img/link-ico.png) center no-repeat rgba(255, 255, 255, 0.24);text-align: center;line-height: 60px;visibility: hidden;opacity: 0;border-radius: 50%;-moz-transition: all 500ms ease-out 0s;-webkit-transition: all 500ms ease-out 0s;-ms-transition: all 500ms ease-out 0s;-o-transition: all 500ms ease-out 0s;transition: all 500ms ease-out 0s;}

.service-top-img .link-icon i{ display:block; width:32px; height:32px;}

.service-top-img:hover .link-icon {visibility: visible;opacity: 1;top: 50%;left: 50%;margin-left: -35px;margin-top: -35px;}

.service-top-img .link-icon:hover{ background: url(../img/link-ico-blue.png) center no-repeat rgba(255, 255, 255, 1);}

.service-desc{ width:100%; float:left; height:195px; padding:40px 30px; box-sizing:border-box;text-align:center;}

.service-desc p{  font-size:30px; width:100%; float:left; color:#333;}

.service-desc p:after{ display:block; content:''; width:45px; height:20px; border-bottom:1px solid #ddd; margin:0 auto; margin-bottom:15px;}

.service-desc span{ display:block; float:left;font-size: 16px;line-height: 27px;color: #333;height: 54px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.service .box-content{ overflow:hidden;}

.service .cover{ width:1330px; margin:0 auto; position:relative;}

.service .cover:before,.service .cover:after{ position:absolute; left:-298px; top:0; background:#fff; width:240px; height:345px; content:''; display:block; z-index:10000; opacity:0.64;}

.service .cover:after{ left:auto; right:-287px;}

.service .left,.service .right{ width:237px; height:100%; background:#fff; float:left;}

.service .right{ width:239px;}

.top-link{ height:100px; display:table; text-align:center; margin:0 auto;}

.top-link a{ display:block; float:left; width:120px; height:50px; line-height:50px; margin:0 25px; opacity:0.64; color:#fff; transition:all 0.3s; font-size:18px;}

.top-link a.active,

.top-link a:hover{ background:#fff; color:#198dcd; opacity:1;}



.case .box-content{ position:relative;}

.case .first-case{ width:644px; height:316px; position:absolute; left:0; top:0;}

.case .first-case-content{ width:100%; height:100%; position:relative;}

.case-info{ color:#fff; width:316px; text-align:center; display:table; margin-top:20px;}

.case .first-case-content .case-info{ position:absolute; left:10px; bottom:20px; color:#fff;}

.case-info .case-name{ width:100%; margin-bottom:10px;position:relative;}

.case-info .case-name p{ font-size:16px; width:100%; height:18px; line-height:18px; color:#333;}

.case .first-case-content .case-info .case-name p{ color:#fff;}

.case-info .case-name:before,.case-info .case-name:after{ display:block; width:80px; background:#ddd; height:1px; top:10px; left:0; position:absolute; content:'';}

.case-info .case-name:after{ right:0; left:auto;}

.case ul{ display:block; float:left;}

.case li{ display:block; float:left; width:316px; margin-right:12px; height:316px;}

.case li:first-of-type{ margin-left:656px;}

.case li:nth-of-type(2),.case li:last-of-type{ margin-right:0;}

.case .first-case .case-img{ height:316px;}

.case .case-img{ width:100%; height:210px; overflow:hidden; cursor:pointer; position:relative;}

.case .case-img img{ width: 100%;height: 100%;vertical-align: top; transition:all 1s;}

.case .case-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.case .case-img img:hover{transform:scale(1.05,1.05)}

.case-desc{ color:#787878;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; width:96%; margin-left:2%;}

.case .first-case-content .case-desc{ color:#fff;}

.case li:nth-of-type(1),.case li:nth-of-type(2){ margin-bottom:30px;}

@media screen and (max-width:768px){

.apple-banner{ height:260px;}

.apple-banner .swiper-container{ height:260px; margin-top:0;}

.swiper-slide,.swiper-slide img{ height:100%; width:auto;}

.swiper-slide p{ width:100%; height:260px;}

.apple-banner .swiper-pagination{ bottom:0;}

.apple-banner .swiper-pagination-bullet{ height:20px;}

.swiper-button-prev, .swiper-button-next{ display:none;}

.about-left{width:100%; margin-top:10px;}

.about-left .company{ font-size:18px;}

.about-left .company-desc{ width:100%;line-height:24px;}

.about-left .data{ margin:0;}

.about-left .data li{ margin-right:0; width:50%; margin:20px 0;}

.about-left .data li:last-of-type{ margin:20px 0;}

.about-left .data li p{ font-size:30px; color:#198dcd; margin-bottom:20px;}

.about-left .more-btn{ display:block; background:#198dcd; height:40px; line-height:40px; padding:0 10px; opacity:#fff; border-radius:4px; float:left; color:#fff; transition:all 0.3s;}

.about-left .line{ margin:10px 0;}

.about-right{ width:100%; margin-top:20px; float:left;}

.tab-hd{ font-size:14px;}

.tab-bd{ margin-top:10px;}

.left-news{ width:100%; padding:10px; margin-top:10px;}

.right-news{ width:100%;}

.tab-bd li{ height:auto;}

.tab-bd{ width:100%;}

.left-news .bx-wrapper{ width:100%;}

.right-news .news-info {width: calc(100% - 105px); margin-right: 10px;}

.btn-box{margin-top:20px;}

.case .first-case{ width:100%; height:240px; position: inherit; left:0; top:0; overflow:hidden;}

.case-info{width:100%; margin-top:10px;}

.case .first-case-content .case-info{ position:absolute; left:10px; bottom:20px; color:#fff;}

.case-info .case-name{ width:100%; margin-bottom:10px;position:relative;}

.case-info .case-name p{ font-size:14px; width:100%; height:18px; line-height:18px; color:#333;}

.case .first-case-content .case-info .case-name p{ color:#fff;}

.case-info .case-name:before,.case-info .case-name:after{ display:block; width:80px; background:#ddd; height:1px; top:10px; left:0; position:absolute; content:'';}

.case-info .case-name:after{ right:0; left:auto;}

.case ul{ display:block; float:left; width:100%;}

.case li{ display:block; float:left; width:calc(50% - 5px); margin-right:0; height:auto; overflow:hidden; margin-top:10px;}

.case li:nth-of-type(2n){ float:right;}

.case li:first-of-type{ margin-left:0;}

.case .first-case .case-img{ height:240px;}

.case .case-img{height:127px;}

.case li:nth-of-type(1),.case li:nth-of-type(2){ margin-top:10px; margin-bottom:0;}

.case-info .case-name:before,.case-info .case-name:after{ width:40px;}

.top-link{ height:50px;}

.top-link a{width:80px; height:34px; line-height:34px; margin:0 10px;font-size:16px;}

.top-link a:hover{ background:#fff; color:#198dcd; opacity:1;}

.service .service-box{ width:calc(50vw - 10px); margin:0 5px;}

.service .bx-wrapper .bx-viewport{ margin-left:5px;}

.service-top{ height:122px;}

.service-top-img::before{ display:none;}

.service-top-img .link-icon{ opacity:0.64;visibility: inherit;background: url(../img/link-ico-blue.png) center no-repeat rgba(255, 255, 255, 1); top:50%; width:40px; height:40px; margin-left:-40px;}

.service .slide{ height:auto;}

.service-desc{ padding:10px; height:auto;}

.service-desc p{ font-size:18px;}

.service-desc p::after{ height:10px; margin-bottom:5px;}

.service-desc span{ font-size:14px;}

.bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; margin:0 2px;}

.bx-wrapper .bx-prev{ left:50px;}

.bx-wrapper .bx-next{ right:50px;}

.service .bx-controls{ margin-top:20px;}

.service .bx-wrapper{ height:auto;}

}